This is a page from the Cascading Style Sheets Working Group Blog. Some other places to find information are the “current work” page, the www-style mailing list, the Future of CSS syndicator, and the issue list on Github.
Do you want to know how the CSS WG works? Fantasai has written about:csswg, An Inside View of the CSS Working Group at W3C.
Today W3C issued two new Recommendations: Selectors Level 3 and it dependency, CSS Namespaces. Selectors Level 3 has been a core part of CSS for awhile now, and is interoperably implemented by all modern browsers (including IE as of IE9). CSS Namespaces, which allows namespace-specific selectors, just completed its PR review phase, allowing both it and Selectors Level 3 to progress to W3C Recommendation.
Together with these publications, the CSSWG also issued a First Public Working Draft of Selectors Level 4. As explained in the CSS Snapshot, beyond level 2 CSS modules will level independently. Selectors is the first module to step up from Level 3 to Level 4. It collects together many of the proposals that were posted to www-style after the Selectors 3 feature freeze. (Note that pseudo-elements have been split out from this draft; they will reappear in other modules.) New features in Level 4 include:
:not()
arguments to be a list of compound selectors rather than just a simple selector. E.g. :not(:hover:active,:focus:active)
:matches()
as its “matches any” positive equivalent, allowing easier “or” operations. E.g. :matches(:focus, :hover)
:any-link
as equivalent to :matches(:visited, :link)
. (Better name suggestions encouraged.)
:local-link
to select local links (targetted at this document, or this domain, etc.)
:dir()
pseudo-class to select based on element directionality (ltr vs rtl).
:current
, :past
, and :future
to style time-dimensional displays.
:nth-match()
and :nth-last-match()
so you can write, e.g. :nth-match(odd of :not([hidden]))
.
label /for/ input
.
$:any-link > img:only-child
selects a link that contains a single image rather than a image that is the only elemental child of a link.
Keep in mind that Selectors 4 is a very early stage working draft, and the new features in it are much more at the brainstorming stage than the stable-go-implement stage. Some features may change drastically before CR; some may not make it through and be dropped. However, your feedback is welcome in shaping the draft going forward.
As always, please send feedback to www-style with the spec code ([css3-selectors]
, [css3-namespace]
, or [selectors4]
) and your comment topic in the subject line. We will maintain errata for Selectors 3 and Namespaces; but, as with shipped software, active development will happen on the new mainline, Selectors 4.