CSS选择器

css选择器分为5类

一、基本选择器

1、通用选择器

2、元素选择器

3、类选择器

4、id选择器

id属性是唯一的


**

二、复合选择器

**

是由两个或多个基础选择器通过不同的方式进行组合，目的是为了更精确的匹配到元素。

1、交集选择器

两个选择器直接连接构成
第一个是元素选择器，第二个选择器必须是类选择器或者id选择器。

2、并集选择器（分组、群组）

两个或两个以上的任意选择器构成的

3、后代选择器

4、子元素选择器

5、相邻兄弟选择器

6、通用兄弟选择器

*

三、伪选择题*

！语法规则特别多

1、伪元素选择器

::first-line 选择器

匹配文本块的第一行内容


仅对p标签生效

::first-letter选择器

选中文本块的第一个字符
使用方法同 ::first-line选择器

::before和::after

插入文本。插入的值等于content。

插入图片

::selections选择器

匹配用户选中的部分文本
鼠标拖动可以看到

2、伪类选择器

动态伪类选择器

根据条件的改变匹配元素。

前四个一般用在a元素上
链接违背访问；链接被访问过了；当鼠标悬停在链接上方的时候；鼠标按下链接的那一刻。

hover要在link和visited后面，active要在hover后面

ui伪类选择器

：enabled和：disabled

可用和禁用

：checked

:required和:optional

适用于必填和可选的元素

:default

选中默认的元素

:valid和invalid

:in-range和:out-of-range

:read-only和:read-write

结构伪类选择器

:root

影响根元素样式

：empty

匹配空元素

下面的选择器主要是匹配子元素的选择器