Case-sensitive attribute selectors

Back to the index.

To treat the value in a case-(in)sensitive way.

This is a paragraph with class="test".

This is a paragraph with class="TEST".

This is a paragraph with class="TEst".


p[class=test] {
	color: #6374AB;

p[class=TEST] {
	background-color: #6374AB;
	color: white;

p[class=test i] {
	text-decoration: underline;

The paragraph with lower-case "test" should have blue text. The paragraph with upper-case "TEST" should have a blue background. All three test paragraphs should be underlined.