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"]) <p class="test3 x">

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

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

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

p.test32-x:not([class|="x"]) <p 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"]) <p class="x test52">

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

p.test23:not([class~=""]) <p class="test23 x y">

p.test37-x:not([class|=""]) <p class="test37-x">

p.test55:not([class^=""])

p.test65:not([class$=""])

p.test73:not([class*=""])

p.test75:not([class*=""]) <p class="test75 x-y-z">

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