Селекторы атрибутов тегов в CSS.

В каскадных таблицах стилей существуют селекторы не только тегов, но и атрибутов тегов. Эти селекторы делятся на четыре вида:

1)При наличии атрибута
<STYLE type="text/css">
*[href]{ color: red }
</STYLE>
или
<STYLE type="text/css">
H1[title]{ color: red }
</STYLE>
В первом варианте правило выполняется с любым тегом у которого есть атрибут href, а второе выполняется только в теге H1 при наичии атрибута title.

2)При точном совпадении значения атрибута:
<STYLE type="text/css">
H1[class=nameclassa]{ color: red }
</STYLE>
Это правило выполняется если у тега H1 есть атрибут class с значением nameclassa. Могут быть более сложные комбинации:
<STYLE type="text/css">
H1[class=nameclassa][align]{ color: red }
</STYLE>
или даже:
<STYLE type="text/css">
H1[class=nameclassa][align=center]{ color: red }
</STYLE>

3)При частичном совпадении:
<STYLE type="text/css">
H1[title~=slovo]{ color: red }
</STYLE>
Это правило совпадет если у тега H1 есть атрибут title с значением slovo или даже moe slovo.

4)При частичном совпадении символов
<STYLE type="text/css">
H1[title|=slo]{ color: red }
</STYLE>
Это правило выполнится если в атрибуте title тега H1 присустуют символы slo, и это правило сработает если попадутся слава slovo, slon и другие.

По селекторам атрибутов у меня все!!!