|CSS :not doesn't work correctly with nested classes of same name|
|Reported by johnpaul...@gmail.com, Jan 22 2016||Back to list|
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_2) AppleWebKit/601.3.9 (KHTML, like Gecko) Version/9.0.2 Safari/601.3.9 Example URL: http://codepen.io/jpdevries/pen/pgabGP Steps to reproduce the problem: 1. Visit http://codepen.io/jpdevries/pen/pgabGP 2. Notice .foo:not(.foo .foo) should select the first div.foo What is the expected behavior? .foo:not(.foo .foo) should select the first div.foo because it is not .foo .foo What went wrong? .foo:not(.foo .foo) does not select the first div.foo Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? No All but Safari (Firefox, Edge, Opera) Chrome version: 48.0.2564.82 Channel: n/a OS Version: OS X 10.11.2 Flash Version: Shockwave Flash 20.0 r0 This works as expected in Safari.
Jan 22 2016,
Apparently most browsers only support simple selectors with :not() https://css-tricks.com/almanac/selectors/n/not/#footnote-1
Jan 25 2016,
Selector list argument for :not was introduced in Selectors Level 4. We don't yet implement that. Marked as feature request.
Sep 16 2016,
Sep 16 2016,
Issue 640959 has been merged into this issue.
Feb 13 2017,
Supported by WebKit/Safari. This is an interoperability issue.
|► Sign in to add a comment|