Attribute Selectors with no match and the Negation pseudo-class

The is a test page for negation pseudo-class selectors. If the lines below are grey, blue, red and green then this browser can be tested.

Not Supported

.attribute[class] p - No Match - Correct

Match - Incorrect

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

Attribute presence and values selectors with Negation pseudo-class

p.test0:not([class])

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

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

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

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

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

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

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

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

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

p.test35:not([class|="test35 x-y"]) class="test35 x-y-z"

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

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

6.3.2. Substring matching attribute selectors

Supported: FF 2.0.0.8, Mozilla 1.7.13, Flock 1.0.1, Opera 9.24, Safari 3.0.4 (beta) and IE7

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

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

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

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

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

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

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