CSS的选择器

---

一、选择器概述

• 一个HTML文件中会存在很多个元素，如果想对不同的元素添加不同的样式，就需要使用到选择器了。
• 说白了，选择器就是用来选择指定元素的。

二、选择器的分类

1.基本选择器

名称	符号	作用	示例
元素选择器	标签名	根据标签名匹配元素	div {}
类选择器	.	根据class属性值匹配元素	.center {}
id选择器	#	根据id属性值匹配元素	#cen {}

2.属性选择器

名称	符号	作用	示例
属性选择器	[]	根据指定属性匹配元素	[typr] {}
			[type=text

3.伪类选择器

名称	符号	作用	示例
伪类选择器	标签名:link	未访问的状态	a:link {}
	标签名:visited	已访问的状态	a:visited {}
	标签名:hover	鼠标悬浮的状态	a:hover {}
	标签名:active	已选中的状态	a:active {}

4.组合选择器

名称	符号	作用	示例
后代选择器	空格	使用空格结合多个选择器，基于第一个选择器，匹配第二个选择器的所有元素	.center li {}
分组选择器	,	可以同时匹配多个元素	div,span,p {}

---