Since most of the most modern browsers are well on their way in supporting CSS3, the Worldwide Web Consortium is now getting started on the 4th level of CSS.
As we can see from the draft posted by W3C, there are many useful updates to be found. One of the new features of CSS selectors is:
$E > F
This syntax allows web designer to style a parent element ($E) based on its child element (F). Example:
[css]
ul > $li > p { background: #ccc; }
[/css]
By using the ‘$’ syntax, we tell the browser to style the ‘li’ element, not the ‘p’ element.
Cool Enough?
This is just a one of the features of selector level 4, the W3C will be going to release more and more useful features in the coming month. What do you think of these new features? What would you like to see added? Please let us know at the comment section!