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

Рассмотрим:

p {
  ...
}

.foo {
  ...
}

#bar {
  ...
}

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

Ответ 1

Правило будет рассмотрено:

p {…}

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

p

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

selector { property:value }

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

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

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

Здесь краткий источник по этой или спецификации CSS 1.

Ответ 2

Они называются селекторами: http://www.codestyle.org/css/Glossary.shtml

селектор классов

Синтаксис для указания селектора CSS с помощью общего цель, повторяемый атрибут класса элемент. Название класса Селекторам в правилах стиля предшествуют по полной остановке или периоду, например:

.Condensed{
  letter-spacing:   0.1em;
}

селектор id

Синтаксис для указания селектора CSS с помощью уникального идентификатора атрибут элемента. Имя id в правилах стиля которому предшествует символ хеша или фунта, #, например:.

#Subtitle{
  letter-spacing:   0.1em;
}

См. также спецификации W3: http://www.w3.org/TR/CSS2/selector.html

Ответ 3

CSS состоит из нескольких правил в форме

selector{declaration}

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

Ответ 6

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

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

Ответ 7

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