CSS术语：这些名称是什么？

Question

考虑：

p {
  ...
}

.foo {
  ...
}

#bar {
  ...
}

CSS中这些语句的正确名称是什么？我看过它们被称为选择器，规则或规则集，但这是正确的吗？

Answer 1

将考虑一条规则：

p {…}

这种情况下的选择器是：

p

规则由选择器和声明组成。声明为property:value，因此整个规则为：

selector { property:value }

规则可以有多个声明和多个选择器，因此我们实际上可以：

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

规则集将是多个规则。

这是source或CSS 1 Specification上的快速{{3}}。

Answer 2

CSS由

形式的许多规则组成

selector{declaration}

因此.foo和#bar和p被称为选择器，但带有curlies的完整语句称为规则。

Answer 3

他们是选择者 - see W3C specification

Answer 4

根据specification，它们被称为选择器。

Answer 5

在这个例子中：

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 6

CSS规则：选择器，声明块，属性，声明和声明的值。

Answer 7

我通常称他们为规则或类。