0 
<body>
    <div class="col-md-6" >
        <h1>This is the element I want to :hover on</h1>
    </div>
    <div class="col-md-6" >
        <div id="python">
            This is the hidden element I want to make appear
        </div> 
    </div>
</body>

If possible I would like to do it only with CSS.

Thank you.

That's another example where I want to change Borja's font-size

That's another example where I want to change Borja's font-size on .main:hover

6
  • Possible duplicate: stackoverflow.com/questions/30835168/…
    – Carol Skelly
    Commented Aug 21, 2018 at 11:01
  • div:hover:not(#pyhton) { color: green; } //CSS Negation... not used it myself but something like that
    – Adam
    Commented Aug 21, 2018 at 11:02
  • 1
    That is not what I am looking for @Dammeul. Thank you anyway.
    – Borja Fernández Antelo
    Commented Aug 21, 2018 at 11:05
  • @Themes.guide can you check again if this is a duplicate? I have inserted an image that I think it explains better what I want
    – Borja Fernández Antelo
    Commented Aug 21, 2018 at 11:56
  • 1
    Yes it's a dupe as the accepted answer explains all you need to know, and that it's not possible for the child of a sibling to affect the child of another sibling because there is no parent CSS selector. You can however, hover a sibling and affect the child element of another sibling. codeply.com/go/uPHi9iqXsd
    – Carol Skelly
    Commented Aug 21, 2018 at 12:08
Related questions
2538
How do I reduce the opacity of an element's background using CSS?
1925
How to move an element into another element
2775
Make a div fill the height of the remaining screen space
Load 6 more related questions Show fewer related questions

0

Reset to default

Browse other questions tagged or ask your own question.