slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 1459
В CSS есть довольно интересная вещь, под названием "псевдоклассы". Это такие классы, которые помогают сделать страничку более живой, красивой и функциональной.

Отличие псевдоклассов от классов в том, что их названия заранее определены и дополнительно их определять не надо и вместо точки, перед ними нужно ставить двоеточие. При этом у тэга может быть указан основной класс в селекторе и к нему можно добавить псевдокласс.

Стоит учитывать, что не все псевдоклассы, которые есть в CSS поддерживаются всеми браузерами и их версиями. Но есть некоторый костяк основных, которые обязательно будут работать.

Один из самых популярных псевдоклассов, псевдокласс, который определяет, как будет выглядеть элемент при наведении, особенно полезен для ссылок - :hover.

Рассмотрим пример, HTML-код:

<a href="#" class="onlya">При наведении окрасится в другой цвет</a>

CSS-код:

a.onlya {color:#006600;} /* темно-зеленый цвет */ 
a.onlya:hover {color:#000099;} /* темно-синий цвет */

Вот как это будет выглядеть : При наведении окрасится в другой цвет

Далее приведу список других популярных псевдоклассов и их функции:

:active - псевдокласс, который указывает состояние элемента когда курсор наведет и нажат на элемент

:focus - псевдоклас, наиболее применяем к элементам формы, указывает состояние элемента, когда на нем фокус - например, когда пишут в input

:visited - указывает вид посещенной ссылки

О других псевдоклассах вы можете узнать в каком-нибудь из справочников по CSS.

< >

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    4.20
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
  • Hozephlof
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Последнее с форума

intuit89 аватар
Поздравляем всех с Новым Годом! Желаем успехов всем посетителям сайта! В свою очередь хотим предло...
Перейти в тему
intuit89 аватар
Мы завершили еще один проект bali-organic.ru/ [image]
Перейти в тему
intuit89 аватар
готовы к новым проектам
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.