949788 - Poserity - Very universal replacement for Parents

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[look997]

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release)
Build ID: 20131209004003




Expected results:

A comprehensive solution

Parents:
body div:(ul > li > a) {border: 1px solid silver;} // style for a div-a contained element of the bracket and the parent body
section div:( > nav > ul > li > a) {border: 1px solid silver;} // another option


Cousins​​, uncles and the rest little family:

body div:(ul > li > a) section p  {border: 1px solid silver;} // style for p contained in section contained in a div with elements contained ul > li > a

Branching:
body div:(ul > li > a) section:(h3.test) p  {border: 1px solid silver;} // style for p contained in section (which has the h3 with class test), contained in a div that contains elements ul > li > a

body div:(ul > li > a) section:(h3.test):(div.stopka) p  {border: 1px solid silver;} // style for p contained in section (which has the h3 with class test and div with class footer), contained in a div that contains elements ul > li > a

Zagnieżdżenie:
body div:(ul > li:(button) > a) section p  {border: 1px solid silver;} // style for p contained in section contained in a div that has the ul > li > a, where li have button
Ciekawe wykorzystanie:

Modify the style of divs, using the menu with checkboxes:
body div.one, body div.two { width: 20px; }

body div.one{ height: 10px; background-color: red; }
body div.two { height: 30px; background-color: green; }

body:( nav.menu input:checked)  div.one{ height: 30px; }
body:( nav.menu input:checked)  div.two { height: 10px; }


Any other configurations.

It seems you better, from the same parents?

Comment 1

[look997]

This is this same: http://dev.w3.org/csswg/selectors-4/#has-pseudo
Please close this bug.