Селекторы псевдоклассов

•:link – элемент, получивший фокус (активное в данный момент текстовое поле, кнопка и т.д.)

Пример input:focus {…}

.nameTextField:focus {…}

Селекторы псевдоклассов

•:hover – элемент, на который наведен указатель мыши

Пример a:hover {…}

table .activeCell:hover {…}

Селекторы псевдоклассов

• :visited – посещенные ссылки

Пример a:visited {…}

a.menuLink:visited {…}

Селекторы псевдоклассов

•:first-child – первый дочерний элемент элемента-родителя

Пример div:first-child { }

…

<div>

<div></div>

<div></div>

</div>

Селекторы псевдоклассов

•:first-letter – первый символ текста внутри элемента

Пример div:first-letter { }

…

<div>абвгдеёжз</div> <div>ийклмнопр</div>

Селекторы псевдоклассов

•:first-line – первая строка текста внутри элемента

Пример div:first-line { }

…

<div>text text text text text text text text text text text</div>

Селекторы псевдоклассов

•:first-of-type – первый дочерний элемент такого же типа

Пример tr:first-of-type {…}

…

<table>

<tr>

<td>1</td>

</tr>

<tr>

<td>1</td>

</tr>

</table>