|Web Учебник | Самоучитель по HTML |Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Селекторы атрибутов тегов в 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 и другие.

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

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!