slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 1650
В 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
  • ZOMRO
    6.40
  • intuit89
    6.00
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
 

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

IHC

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

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

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

ZOMRO аватар
Домен — это неотъемлемая часть бизнеса, которая также влияет на поисковую систему. Признаки доменно...
Перейти в тему
ZOMRO аватар
На что ориентироваться при выборе хостинга? Функционал и количество ресурсов. Выбираем те параметр...
Перейти в тему
ZOMRO аватар
Красивое имя для сайта или регистрация доменных имен. Заказав у нас услугу хостинга или VDS/VPS, Вы ...
Перейти в тему

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

Javascript функции

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

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

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

CPA сети 30.01.2017
CPA сети

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