Attribute Selectors with a match and the Negation pseudo-class

The is a test page for negation pseudo-class selectors. If there is a green line below then this browser supports the Negation pseudo-class along with Attribute selectors.

Not Supported

Filter

Match

Note: This test page is still incomplete and under review and testing.

Attribute presence and values selectors with Negation pseudo-class

p.test2:not([class="testx"])

p.test3:not([class="test3"]) class="test3 x"

p.test5-x:not([class="test5"]) class="test5-x"

p.test9:not([class=""])

p.test21:not([class~="test21 x"]) class="test21 x y"

p.test32-x:not([class|="x"]) class="test32-x"

Support of Selectors
SelectorGecko 1.7~1.9Opera 9.2Opera 9.5bSafari 3.1bIE 7~8biCabKonqueror
6.3.1. Attribute presence and values selectors OKBOKOKOK??
6.6.7. The negation pseudo-class OKNOKOKNNOK

Substring matching attribute selectors CSS3

p.test52:not([class^="tes"]) class="x test52"

p.test62:not([class$="st62"]) class="test62 x"

Support of Selectors
SelectorGecko 1.7~1.9Opera 9.2Opera 9.5bSafari 3.1bIE 7~8biCabKonqueror
6.3.2. Substring matching attribute selectorsOKNOKOKOK??
6.6.7. The negation pseudo-class OKNOKOKNNOK

Other test with Selectors

References and other links

  1. CSS selectors: basic browser support
  2. CSS3 Selectors Test Suite Index