Home » Articles & Inspirations » W3C Has Release First Working Draft of CSS Selectors Level 4

W3C Has Release First Working Draft of CSS Selectors Level 4

W3C Has Release First Working Draft of CSS Selectors Level 4

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:

ul > $li > p { background: #ccc; }

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!


  • From what I’ve read is that this parent selector is in the very early stages and may still be technically unfeasible. So don’t be surprised if it gets dropped.
    I can understand the draw to this feature but I’d wager that many will step in the rendering traps this selector will create and then steer clear of it. Some want it because they don’t have access to the DOM, and that’s not a good reason to implement the feature. Also, I’d be curious to see how the working group will handle specificity.

    On the other hand I can see some cases where it could be useful with hovers, nth-child and form validation. So let’s wait and see if it actually gets implemented.

Android, iOS Development Tutorials