css选择器

1. css选择器的作用

选择器用来选择标签用的。

2. 标签选择器

标签选择器包括基础选择器和复合选择器

2.1 基础选择器

由单个选择器组成，包括标签选择器、类选择器、id选择器和通配符选择器。
基本选择器语法：

选择器	类型	功能描述	使用环境
*	通配选择器	选择文档中所有HTML元素
E	标签(元素)选择器	选择指定类型的HTML标签名(元素)
#id	ID选择器	选择指定ID属性值为“id”的任意类型元素
.class(类名)	类选择器	选择指定class属性值为“class”的任意类型的任意多个元素	想差异化选择不同标签，单独选一个或多个标签时。
selector1,selectorN	群组选择器	将每一个选择器匹配的元素集合并

一个标签可以有多个类名，多个类名之间用空格隔开。

id选择器定义的id只能调用一次，经常和JavaScript一起使用。

2.3 css复合选择器

2.3.1 层次选择器语法

选择器	类型	功能描述
E F	后代选择器（包含选择器）	选择匹配的F元素，且匹配的F元素被包含在匹配的E元素内 空格隔开
E>F	子选择器	选择匹配的F元素，且匹配的F元素所匹配的E元素的子元素 最近的一个亲儿子
E,F	并集选择器	选择匹配的F元素，且匹配的F元素紧位于匹配的E元素的后面 E和F可以为选择器 不以逗号结尾

2.3.2 动态伪类选择器语法

选择器	类型	功能描述
E:link	链接伪类选择器	选择匹配的E元素，而且匹配元素被定义了超链接并未被访问过。常用于链接描点上
E:visited	链接伪类选择器	选择匹配的E元素，而且匹配元素被定义了超链接并已被访问过。常用于链接描点上
E:active	用户行为选择器	选择匹配的E元素，且匹配元素被激活。常用于链接描点和按钮上 鼠标长按未松开的状态
E:hover	用户行为选择器	选择匹配的E元素，且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover
E:focus	用户行为选择器	选择匹配的E(表单)元素，而且匹配元素获取焦点(光标)

注意事项

​ a、按顺序声明：link visited hover active

​ b、 链接在浏览器中有默认样式，一定要单独指定样式

​ c、开发一般写a 和 a:hover就行了

​ d、冒号前没有空格