Суббота, 07.12.2024
Gloomno
Меню сайта
Мини-чат
Наш опрос
Оцените мой сайт
Всего ответов: 9
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Псевдоклассы

 

В CSS есть такое понятие как псевдокласс. В отличие от обычного класса, действие псевдокласса распространяется не на весь текст, к которому применен данный стиль, а лишь на его часть и возможно лишь в определенном состоянии. Чтобы было понятнее, давайте разберем эффект, при котором ссылки подчеркиваются лишь при наведении на них курсора. Эффект достаточно распространенный, и его можно наблюдать в том числе и на этом сайте. Вот фрагмент таблицы стилей, который позволяет достигать вышеописанного эффекта:

a { text-decoration: none; }

a:hover { text-decoration: underline; }

Верхняя строчка - это переопределение стандартного тега <a>, которое запрещает подчеркивать ссылки, а вот нижняя - это определение стиля для псевдокласса hover, который описывает стиль ссылки в момент, когда курсор находится над ней.

А вот и другой пример псевдокласса - определение буквицы вначале абзаца:

p:first-letter { font-size: 200%; font-weight: bold; }

 Заметьте, что и в том, и в другом случае действие стиля распространяется либо на определенное состояние (пользователь собирается щелкнуть по ссылке), либо на фрагмент текста (изменяется только первая буква абзаца). В этом и заключается смысл псевдоклассов.

Форма входа
Поиск
Заработай
WMlink.ru - рекламный брокер
Опрос
Сколько у вас сайтов?
Всего ответов: 7
Жизнь сайта


Простенькая игра
Ставить отметки самому запрещено. Игра некорректно себя ведет

Рассказать друзьям в? Опубликовать у Себя на Стене или в Заметках ?
IgoS© 2024
Сделать бесплатный сайт с uCoz