CSS 术语：这些叫什么？答案

【问题标题】：CSS terminology: what are these called?CSS 术语：这些叫什么？
【发布时间】：2010-11-10 08:29:14
【问题描述】：

考虑：

p { ... } .foo { ... } ＃酒吧 { ... }

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

【问题讨论】：

【解决方案1】：

将考虑一条规则：

p {…}

本例中的选择器是：

p

规则由选择器和声明组成。声明是property:value，所以整个规则是：

selector { property:value }

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

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

一个规则集可以是多个规则。

这里有一个快速的source 或CSS 1 Specification。

【讨论】：

【解决方案2】：

CSS 是由表单中的许多规则组成的

selector{declaration}

所以 .foo 和 #bar 和 p 被称为选择器，但带有花括号的完整语句被称为规则。

【讨论】：

【解决方案3】：

他们是选择器 - see W3C specification

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

在这个例子中：

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

p, #id > a 是一组选择器。 p.class 和 #id 是选择器。选择器由简单的选择器和组合器构成：p 是一个类型选择器，.class 是一个类选择器（不是一个类）。组合子有'+'、'>'、''等

selectors {...} 是一个规则。将其称为类是错误的。

foo:bar 是foo 属性的声明。

【讨论】：

【解决方案6】：

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

【讨论】：

【解决方案7】：

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

【讨论】：