- From: Axel Dahmen <brille1@hotmail.com>
- Date: Mon, 19 Sep 2016 19:38:00 +0200
- To: www-style@w3.org
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
Received on Monday, 19 September 2016 17:38:53 UTC