什么是 CSS 规则集？

CSS 规则集（CSS ruleset），是指由一个选择器及其后面的一组声明组成的一组 CSS 样式语句。

语法

CSS 规则集有如下的语法格式：

selector {
  property1: value1;
  property2: value2;
  ...
  propertyN: valueN;
}

其中，selector 为一个 CSS 选择器，property 为一个 CSS 属性，value 为该属性的值。

解释

CSS 规则集的作用是将指定选择器的 HTML 元素设置为对应的样式。在 CSS 中，每一个规则集由一个选择器和一个声明块组成。

选择器是指定哪些元素将被样式化的一种方式。一个规则集可以有多个选择器，用逗号隔开。属性和值的声明组成了一个声明块，同时声明块也可以包含多个声明，每个属性和值在声明中以冒号分隔，每个声明以分号分隔。当然也可以使用注释来让代码更易读。

声明块中的属性和值指定了要应用于选择器匹配的元素的样式。一组属性和值也可以被归类为一个类，称为CSS类型（例如所有文本相关的属性都是文本类型）。除了CSS类型之外，还可以使用CSS伪类（例如:hover用于在鼠标指针移到元素上方时为元素定义样式）或CSS伪元素（例如::before用于在已有内容之前添加内容）来匹配元素进行更高级的选择。

示例

下面的例子将设置所有 h1 元素的背景颜色为红色：

h1 {
  background-color: red;
}

同时，还可以设置多个不同的选择器，包含不同的属性和值：

h1 {
  background-color: red;
  color: white;
  font-size: 24px;
}

p {
  font-size: 18px;
  line-height: 1.5;
}

结论

CSS 规则集是 CSS 中最基本的概念之一，通过它可以将样式应用于网页中的所有 HTML 元素。了解 CSS 规则集的语法和用法，是每一个开发者必要的基础知识。