New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 7 users

Issue metadata

Status: Available
Owner: ----
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Feature

issue 747752
issue 747818

Sign in to add a comment

CSS :not doesn't work correctly with nested classes of same name

Reported by, Jan 22 2016 Back to list

Issue description

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:

Steps to reproduce the problem:
1. Visit
2. Notice .foo:not(.foo .foo) should select the first

What is the expected behavior?
.foo:not(.foo .foo) should select the first because it is not .foo .foo

What went wrong?
.foo:not(.foo .foo) does not select the first

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.
Apparently most browsers only support simple selectors with :not()

Comment 2 by, Jan 25 2016

Labels: -Cr-Blink -Type-Bug -OS-Mac Cr-Blink-CSS Type-Feature OS-All
Status: Available
Selector list argument for :not was introduced in Selectors Level 4. We don't yet implement that. Marked as feature request.

Comment 3 by, Sep 16 2016

Labels: -Pri-2 Pri-3

Comment 4 by, Sep 16 2016

 Issue 640959  has been merged into this issue.
Labels: Update-Quarterly

Comment 6 by, Jul 24 2017

Blocking: 747752
Labels: Hotlist-Interop
Supported by WebKit/Safari. This is an interoperability issue.
Blocking: 747818
Labels: ApproachableBug
Labels: -Update-Quarterly

Sign in to add a comment