Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Группировка и приоритеты селекторов


Группировка селекторов

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

h1, h2, h3, h4, h5, h6 {
color:red;
}

После этой записи все заголовки html-документа примут красный цвет. Всяко лучше и быстрее, чем писать такой ряд правил:

h1 {
color:red;
}
h2 {
color:red;
}
h3 {
color:red;
}
h4 {
color:red;
}
h5 {
color:red;
}
h6 {
color:red;
}

Вот и всё про группировку.


Селекторы CSS. Приоритеты

Селекторы по идентификатору имееют более высокий приоритет, чем селекторы по классу. Для подробности рассмотрим пример. Пусть нам задано правило для класса элементов p:

p.classone {
color:blue;
}

Из этого правила видно, что все абзацы класса classone будут синими. Теперь зададим для элемента p уникальный идентификатор:

p#identif {
color:red;
}

Теперь если для какого-либо абзаца написать:

<p id="identif" class="classone">Текст первого абзаца</p>

Он (абзац) будет красным. Здесь всё.


<<Предыдущая | В раздел | Следующая>>