14、CSS样式规则创建全解析

CSS样式规则创建全解析

1. 理解CSS样式规则基础

要理解层叠样式表（CSS），第一步是掌握如何正确编写样式规则。每条规则包含两部分：选择器和规则本身。选择器指示规则应应用于哪些元素，而规则则负责所有的格式设置。CSS样式定义遵循以下格式：

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

1.1 按名称匹配元素

最容易理解的选择器是普通元素选择器，例如：

h1 { color: red; }

使用实际元素名称（如 h1 ）作为选择器，会使所有这些标签按照定义的属性（ color: red ）进行格式化。也可以将多个选择器关联到同一个定义中，用逗号分隔。例如：

h1, h2, h3, h4, h5, h6 { color: red; }

此定义将影响文档中的所有标题标签。

1.2 使用通用选择器

通用选择器用星号（ * ）表示，可用于匹配文档中的任何元素。例如：

* { color: red; }

这会将