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

CSS样式规则创建全解析

1. 理解选择器

要理解层叠样式表（CSS），首先要学会正确编写样式规则。每条规则由两部分组成：选择器和规则本身。选择器告诉规则应该应用到哪些元素上，而规则则负责进行格式化。

CSS样式定义遵循以下格式：

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

选择器有多种形式，下面介绍几种常见的选择器类型：
- 按名称匹配元素 ：使用元素名称作为选择器很直观，例如：

h1 { color: red; }

这会使所有 <h1> 标签的文本颜色变为红色。也可以用逗号分隔多个选择器，如：

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

这样所有标题标签的文本颜色都会变为红色。
- 使用通用选择器 ：通用选择器是星号（ * ），可以匹配文档中的任何元素。例如：

* { color: red; }

这会让文档中所有标签的文本颜色变为红色。通用选择器还