CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Эта тактика очень полезна в XML-документах, поскольку в языках XML имеется тенденция присваивать элементам и атрибутам имена, соответствующие их назначению. Рассмотрим язык XML, применяемый для описания планет Солнечной системы (назовем его PlanetML). Для того чтобы выбрать все элементы planet с атрибутом moons (луны) и выделить их полужирным шрифтом, обращая внимание на любую планету_г имеющую естественные спутники, можно написать:

planet[mooris] {font-weight:bold;}

Это приведет к тому, что в следующем фрагменте разметки текст второго и третьего элементов, но не первого, будет выделен полужирным шрифтом:

<planet>Venu$</planet> <planet moons="1">Earth</planet> <planet moons="2">Mars</planet>

В HTML-документах этот подход может быть реализован творчески. Например, можно выделить все изображения, имеющие атрибут alt, отметив таким образом изображения, оформленные правильно:

img[alt] {border; Зрх solid red;}

Этот конкретный пример полезен больше для диагностики, т. е. для определения правильности оформления изображений, чем для целей разработки.

Для того чтобы выделить полужирным шрифтом элементы, содержащие какую-либо информацию в атрибуте title, которую большинство броузеров отображает как «всплывающую подсказку» при прохождении курсора над элементом, можно написать:

•[title] (font-weight:bold;}

<h1 class="hoopla">Hello</hl> <hl class="severe">Serenity</h1> <h1 class="fancy">Fooling</h1>

Рис. 2 JO. Выбор элементов по атрибутам