Группировка и приоритеты селекторов
Группировка селекторов
Группировка селекторов - это объединение селекторов с одинаковым объявлением стилей. Например, если у нас все заголовки должны быть в одном стиле, пишем для них такое правило:
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>
Он (абзац) будет красным. Здесь всё.
2012 год.