Панель Управления





Курс CSS. Урок 04. Групповые селекторы.
Стиль сайта. Онлайновый курс по теме CSS. Сделано в kocby.ru Курс CSS. Урок 04. Групповые селекторы. Можно использовать одно правило для применения к группе селекторов путем их перечисления через запятую. Например: p, h4, #myList { color: #909090; }.
© Перепечатка разрешается с установкой ссылки на ресурс http://kocby.ru
04. Групповые селекторы.
Чтобы лучше понять смысл использования групповых селекторов, давайте, в нашем учебном тестовом примере возьмем список:
<dl style="background-color: #F0F0F0;">
и присвоим ему идентификатор, например, myList -
<dl id="myList" style="background-color: #F0F0F0;">

Теперь, если нам захотелось, например, присвоить серый цвет #909090; элементам p (все абзацы), h4 (все хидеры 4-го размера), #myList (единственный элемент на странице с идентификатором id="myList"), то нам следует прописать в файле стилей следующее правило:
p, h4, #myList {
	color: #909090; 
}
т.е. вместо того, чтобы три раза повторить одно и тоже правило для разных элементов, можно селекторы перечислить через запятую и присвоить правило данной группе элементов.

Наши тестовые учебные примеры после данного урока:
css_004_001.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
css_004_001.zip ← скачайте пример, чтобы установить на свой сайт...
***** Машина-Функционал для передвижения по страничкам курса CSS *****
:: :: /


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

Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.


Если вы планируете вернуться сюда позднее...
Пожалуйста, запомните эту страничку -
URL: http://kocby.ru/css/p004.html
Спасибо за посещение этой странички и внимательное отношение к ее контенту и дизайну. Удачи и успеха!
© KOCBY.RU :: перепечатка материалов разрешается с указанием ссылки на домен KOCBY.RU ©
Basket is empty :: Корзина пустая
Close and hide in basket :: Закрыть и спрятать в корзину
***** Реклама *****
Посмотри в зеркало! Что там видно?
Красивая девушка брюнетка слева Красивая девушка блондинка справа
Красивая девушка блондинка слева Красивая девушка брюнетка справа
Наверх ↑