The adjacent sibling selector is used to select the element that is adjacent or next to the specified selector tag. So I hope to hide the title via CSS. In this article we will learn how to create an image overlay title when the mouse has hovered over it, using HTML and CSS. In CSS it's not possible, because you can only add contents to DOM (tipically with :before :after and content: '';, not remove or change attributes. It obviously works but I decided to go with data-title attribute instead. Well, this answered all the lingering doubts I had. So this is what I did: It works okay, but when I enter data into the field, the data is gray and italic. HTML title attribute making css :hover not Partner is not responding when their writing is needed in European project application. I want to hide the title only. This didnt work either because the user never actually leaves the image before clicking to view it. Have you tried something? Other answers convinced me that it's better method in my case. I did just learn something about titles though this doesnt work: