Can't believe it, CSS4 is on first public draft now. One of the long asking features was how to "select a parent", and it is coming to CSS4.
How you can select a parent in CSS4 ? Let me quote their syntax
Yep, that's it. So for example,
#roy $div > .header { ... }
And the css definition inside is applying on parents of ".header", which is the div (please note there is a dollar sign). Is that a cool feature?
There are also some new pseudo classes seems interesting as well
:only-child, :nth-match, :matches ... etc
Here is the first draft link, if you are interested. But I don't think it will be final until 5 - 8 years later :)
http://www.w3.org/TR/2011/WD-selectors4-20110929/
Note: For those who are curious why there is no parent selector in CSS so far, here is a very nice explanation :-
http://snook.ca/archives/html_and_css/css-parent-selectors
How you can select a parent in CSS4 ? Let me quote their syntax
$E > F
Yep, that's it. So for example,
#roy $div > .header { ... }
And the css definition inside is applying on parents of ".header", which is the div (please note there is a dollar sign). Is that a cool feature?
There are also some new pseudo classes seems interesting as well
:only-child, :nth-match, :matches ... etc
Here is the first draft link, if you are interested. But I don't think it will be final until 5 - 8 years later :)
http://www.w3.org/TR/2011/WD-selectors4-20110929/
Note: For those who are curious why there is no parent selector in CSS so far, here is a very nice explanation :-
http://snook.ca/archives/html_and_css/css-parent-selectors
No comments:
Post a Comment