- From: Joshua Baker <jtbaker@jtbaker.name>
- Date: Mon, 19 Sep 2016 11:11:02 -0700
- To: Axel Dahmen <brille1@hotmail.com>
- Cc: www-style@w3.org
Received on Monday, 19 September 2016 18:12:13 UTC
This functionality is in development in Selectors Level 4, under the ":has" pseudo-class <https://drafts.csswg.org/selectors-4/#relational>. On Mon, Sep 19, 2016 at 10:38 AM, Axel Dahmen <brille1@hotmail.com> wrote: > 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 18:12:13 UTC