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

Дата добавления: 2015-07-09; просмотров: 635; Нарушение авторских прав

Данные параметры поддерживаются следующими браузерами: Internet Explorer, Firefox, Netscape.

Псевдо-класс	Назначение	IE	F	N	W3C
:active	Добавляет специальный стиль активированному элементу
:focus	Добавляет специальный стиль элементу, когда элемент находится в фокусе	-	-	-
:hover	Добавляет специальный стиль элементу, когда указатель мыши находится над элементом
:link	Добавляет специальный стиль непосещенной ссылке
:visited	Добавляет специальный стиль посещенной ссылке
:first-child	Добавляет специальный стиль элементу, который является первым потомком некоторого другого элемента
:lang	Позволяет автору определить используемый в заданном элементе язык

Лекция 14. Псевдо-элементы CSS

Эти псевдо-элементы используются для добавления специальных эффектов в некоторые селекторы.

Примеры:

2. <html>

3. <head>

4. <style type="text/css">

5. h1:first-letter

6. {

7. color: #008080;

8. font-size: xx-large

9. }

10. </style>

11. </head>

12.

13. <body>

14. <h1>Заголовок</h1>

15. </body>

16.

</html>

18. <html>

19. <head>

20. <style type="text/css">

21. p:first-line

22. {

23. color: #808000;

24. font-variant: normal

25. }

26. </style>

27. </head>

28.

29. <body>

30. <p>

31. Пример использования псевдо-элемента :first-line.<br>

32. Следующая строка в параграфе.

33. </p>

34. </body>

35.

</html>

Синтаксис псевдо-элементов:

selector:pseudo-element {property: value}

Классы CSS также можно использовать с псевдо-элементами:

selector.class:pseudo-element {property: value}

<== предыдущая лекция	\|	следующая лекция ==>
CSS2 - Псевдо-класс :first-child	\|	Псевдо-элемент :first-letter