这是我参与「第五届青训营」伴学笔记创作活动的第 12 天。今天我们开始谈谈CSS的选择器，请大家多多指教！

【CSS选择器】

要想将CSS样式应用到特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一样式任务的部分被称为选择器，下面将对CSS选择器进行介绍

标签选择器

用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签制定统一的样式，标签选择器的基本语法格式如下：

标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

• 所有HTML标签都可以作为标签选择器的标签名
• 用标签选择器定义的样式对页面中该类型的所有标签都有效（不能设计差异化样式）

类选择器

使用“.”（英文）进行标识，后面紧跟类名，其基本语法格式如下：

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

• 类名即为HTML页面中元素的class属性值（大多数HTML元素都可以定义class属性）
• 类选择器的最大优势是可以为元素多谢定义单独或相同的样式

id选择器

使用“#”进行标识，后面紧跟id名，其基本语法格式如下：

#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

• id名即为HTML页面中元素的id属性值（大多数HTML元素都可以定义id属性）
• 元素的id值是唯一的，只能对应文档中某一个具体的元素

通配符选择器

使用“*”表示，其基本语法格式如下：

*{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

• 通配符选择器是所有选择器中作用范围最广的，能匹配页面中所有的元素

【小结】

今天总结了CSS选择器，分别有标签选择器、类选择器、id选择器和通配符选择器