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

Учитывать:

p {
  ...
}

.foo {
  ...
}

#bar {
  ...
}

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


person John Topley    schedule 13.07.2009    source источник


Ответы (7)


Будет рассмотрено правило:

p {…}

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

p

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

selector { property:value }

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

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

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

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

person JoshBerke    schedule 13.07.2009

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

selector{declaration}

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

person Vincent Ramdhanie    schedule 13.07.2009

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

person Paul Dixon    schedule 13.07.2009

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

person Jamie Ide    schedule 13.07.2009

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

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

person Kornel    schedule 13.07.2009

Правила CSS: селектор, блок объявления, свойство, объявление и объявленное значение.

введите здесь описание изображения

person Lord    schedule 13.07.2020

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

person Dave Ward    schedule 13.07.2009