CSS: Псевдо-элементыПсевдо-элементы являются особой группой, позволяющих объединять несколько стилей для какого-либо объекта. Например, вы можете задать свойства для первой буквы параграфа. Для этого вы назначаете для тега P псевдо-элемент first-letter, в котором устанавливаете различные стили:
p:first-letter { float:right;font-size:2em;color:red;}
| :first-letter |
Устанавливает стили для первой буквы объекта |
| :first-line |
Устанавливает стили для первой строки объекта |
| :hover |
Устанавливает стили для элемента, когда пользователь подводит курсор мыши к ссылке. Данный псевдокласс часто используется вместе с псевдоклассами :active, :link и :visited |
| :active |
Устанавливает стили для элемента, когда ссылка становится активной, но переход по ссылке еще не совершен. Данный псевдокласс часто используется вместе с псевдоклассами :hover, :link и :visited |
| :link |
Устанавливает стили для элемента, когда ссылка не является часто посещаемой. Данный псевдокласс часто используется вместе с псевдоклассами :hover, :active и :visited |
| :visited |
Устанавливает стили для элемента, когда ссылка недавно посещалась. Данный псевдокласс часто используется вместе с псевдоклассами :hover, :active и :link. (Используйте данный псевдокласс перед ними, чтобы не подавлять их поведение) |
Примеры
XAKEP- журнал компьютерных хулиганов
Как видите, первая буква и первая строка каждого параграфа имеет особый вид, заданный при помощи различных стилей.
Данный прием вам хорошо известен по книгам, использующим подобный прием в глубокой древности
Подведите курсор к ссылке, ведущей на сайт Xakep, и она станет красного цвета и исчезнет подчеркивание ссылки
|
