Учитывать:
p { ... } .foo { ... } #bar { ... }
Какое правильное название для этих операторов в CSS? Я видел, как они называются селекторами, правилами или наборами правил, но как правильно?
Учитывать:
p { ... } .foo { ... } #bar { ... }
Какое правильное название для этих операторов в CSS? Я видел, как они называются селекторами, правилами или наборами правил, но как правильно?
Будет рассмотрено правило:
p {…}
Селектор в этом случае:
p
Правило состоит из селекторов и объявлений. Объявление property:value
, поэтому все правило будет таким:
selector { property:value }
Правило может иметь несколько объявлений и несколько селекторов, поэтому на самом деле мы можем иметь:
selector, selector2
{
property:value;
property2:value;
}
Набор правил будет состоять из нескольких правил.
Вот краткий источник этого или Спецификация CSS 1.
CSS состоит из ряда правил в форме
selector{declaration}
Таким образом, .foo, #bar и p называются селекторами, а полный оператор с фигурками называется правилами.
В этом примере:
p.class, #id > a {
foo:bar;
}
p, #id > a
- это группа селекторов. p.class
и #id
— селекторы. Селекторы состоят из простых селекторов и комбинаторов: p
— селектор типа, .class
— селектор класса (не класс). Комбинаторы '+
', '>
', '', etc.
selectors {...}
- это правило. Ошибочно называть это классом.
foo:bar
— это объявление свойства foo
.
http://www.w3.org/TR/CSS2/grammar.html
Обычно я называю их правилами или классами.