[css3-selectors]: Proposal: Reverse Descendant selector

From: Axel Dahmen <brille1@hotmail.com> Date: Mon, 19 Sep 2016 19:38:00 +0200 To: www-style@w3.org Message-ID: <nrp7po$44g$1@blaine.gmane.org> · This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:04 UTC

AFAIK, there is no way to create a selector matching an element whose 
descendant properties match certain criteria. E.g. you cannot apply CSS 
rules to a <div> element provided it's containing an <a> element having 
focus.

I suggest to use the "<" (less than) token for such reverse descendant 
selector:

--------------------

body > div < a:focus
{
   border: 1px solid red;
   background-color: yellow;
}

--------------------

<body>
   <div comment="this is where above rules get applied if <a> has focus">
     <span></span>
     <a></a>
     <span></span>
   </div>
</body>

--------------------

Your thoughts?

Axel Dahmen