По технологии На тему: «Про сайт» (стр. 2 из 2)

ol > li {list-style-type: decimal}

Используя селекторы классов, можно к одному и тому же дескриптору применять разные стили. После общего селектора следуют точка и имя класса, и стиль применяется тому дескриптору, чей атрибут CLASS соответствует этому имени. В следующем примере стиль применяется ко всем дескрипторам H2, у которых атрибут CLASS равен "myBlue":

h2.mybule {background-color: bule}

<h2 class="mybule">у этого заголовка синий фон</h2>

Селекторы также можно определять с помощью атрибута id, используя для этого символ #. В следующем примере стиль соответствует любому дескриптору, у которого значение атрибута id является "ducie"

#ducie {border-color: yellow}

Селектор A[att] соответствует любому элементу А, у которого задан определенный атрибут, не зависимо от его значения (не работает в IE).

table[border]{ border:1px solid red;}

Селектор A[att=”val”] соответствует любому элементу А, определенный атрибут которого имеет заданное значение (не работает в IE).

input[type=”submit”] {background-color :red;}

Селектор А[lang|=”val”] соответствует любому элементу А, который имеет заданное значение в качестве одного из значений атрибута lang (не работает в IE).

P[lang|=”en”]{text-align:left;}

Псевдоклассы.

Псевдокласы являются особой группой, позволяющей объединять несколько стилей для какого-либо объекта. Например, вы можете задать свойства для первой буквы параграфа. Для этого вы назначаете для дескриптора P псевдокласс :first-letter, в котором устанавливаете различные стили:

p:first-letter { float: right; font-size: 2em; color: red;}

В CSS2 определяются следующие псевдоклассы:

:first-child -первый дочерний элемент другого элемента;

:link - еще не посещенные ссылки;

:visited - посещенные ссылки;

:hover - элемент, над которым в настоящее время находится курсор;

:active - активный в данный момент элемент ;

:focus - элемент, имеющий фокус ввода;

:lang - этот псевдокласс определяет текущий язык;

:first-line - первая формированая строка абзаца;

:first-letter - первая буква абзаца;

:before - определяет содержимое перед элементом;

:after - определяет содержимое после элемента.

Использованные сайты и литература.

Энди Бадд, Камерон Молл, Саймон Коллизон «Мастерская CSS: профессиональное применение Web-стандартов»

Расс Уикли «Освой самостоятельно CSS. 10 минут на урок».