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.