Child-indexed pseudo-classes matching elements without a parent

CSS

Change how the child-indexed pseudo-class selectors are matched so they also match elements without a parent. This is a change in the spec from selectors-3 to selectors-4. The reasoning for this is explained in the spec.

Demo

http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3Ehtml%20%7B%20color%3A%20red%3B%20%7D%20html%3Afirst-child%20%7B%20color%3A%20green%3B%20%7D%3C%2Fstyle%3E%0Afoo

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink

Enabled by default (launch bug) in:

Chrome for desktop release 57
Chrome for Android release 57
Chrome for iOS release 57
Android WebView release 57
Opera release 44
Opera for Android release 44

Consensus & Standardization

Firefox: Shipped
Edge: No public signals
Safari: No public signals
Web Developers: No signals

Owner

ecobos@igalia.com

Last updated on 2017-06-14