Терминология CSS: как они называются?

Question

Рассмотрим:

p {
  ...
}

.foo {
  ...
}

#bar {
  ...
}

Какое правильное имя для этих утверждений в CSS? Я видел их, называемых селекторами, правилами или наборами правил, но какой из них правильный?

Answer 1

Будет считаться правило:

p {…}

Селектор в этом случае:

p

Правило состоит из селекторов и объявлений. Объявление property:value, поэтому все правило будет выглядеть следующим образом:

selector { property:value }

Правило может иметь несколько объявлений и несколько селекторов, поэтому мы можем иметь:

selector, selector2
{
  property:value;
  property2:value;
} 

Набор правил будет состоять из нескольких правил.

Вот быстрый источник для этого или CSS 1 Спецификация .

Answer 2

CSS состоит из ряда правил в форме

selector{declaration}

То есть .foo, #bar и p называются селекторами, а полный оператор с curlies называются правилами.

Answer 3

Это селекторы - см. Спецификацию W3C

Answer 4

В этом примере:

p.class, #id > a {
foo:bar;
}

p, #id > a - группа селекторов. p.class и #id являются селекторами. Селекторы построены из простых селекторов и комбинаторов: p - селектор типа, .class - класс селектор (не класс). Комбинаторы: '+', '>', '' и т. Д.

selectors {...} - это правило. Ошибочно называть это классом.

foo:bar является декларацией для foo свойства.

http://www.w3.org/TR/CSS2/grammar.html

Answer 5

Согласно спецификации они называются селекторами.

Answer 6

Я обычно называю их правилами или классами.