CSS Selector for Child of Parent's Sibling Element

Question

If I\'ve got this:

    Trigger


    

        
      

Answer 1

In a word: no.

Given the current structure of your HTML (and the current state of CSS selectors), this is not possible. Perhaps we will get something like this in CSS4, but traversal like this is best left up to Javascript.

You can obviously restructure your markup, and use the sibling selector:

HTML

    Trigger
    

       
Hello
    

CSS

#trigger:hover + .sibling #change {
  color:red; 
}

codepen