Selektory#
Ignorowanie wielkości liter w wartościach selektorów atrybutów#
[att=val i] { /* deklaracje */ }Aby dopasować wartości atrybutów niezależnie od wymagań odnośnie wielkość liter ustalanych przez język dokumentu, nowy moduł selektorów zezwala na stosowanie identyfikatora i umieszczanego przed nawiasem zamykającym selektor atrybutu (]). Kiedy flaga ta jest obecna, to aplikacje klienckie muszą dopasowywać wartości atrybutów niezależnie od wielkości liter w zakresie ASCII. Identyfikator i może być stosowany w każdym selektorze atrybut, którego składnia zawiera parę nawiasów [].
Prosty przykład:
[frame=hsides i] { border-style: solid none; }Powyższa reguła nada style elementom, które zawierają atrybut frame z wartością hsides, niezależnie od wielkości znaków, zatem wartości hsides, HSIDES, hSides, itd., będą traktowane identycznie, nawet w środowisku XML, gdzie wielkość znaków jest istotna.
Prosty przykład:
<!DOCTYPE html>
<html>
<head>
<style>
[class=akapit1] {color: blue;}
[class=AKAPIT1] {color: green;} /* brak zastosowania */
[class=AKAPIT2 i] {color: red;}
</style>
</head>
<body>
<p class="akapit1">Akapit powinien mieć kolor niebieski.</p>
<p class="Akapit1">Akapit powinien mieć kolor czarny.</p>
<p class="akapit2">Akapit powinien mieć kolor czerwony.</p>
<p class="Akapit2">Akapit powinien mieć kolor czerwony.</p>
</body>
</html>Na chwilę obecną żadna aktualna przeglądarka nie obsługuje identyfikatora i w selektorach atrybutów.