css有哪些高级选择器

CSS高级选择器包括属性选择器、伪类选择器、伪元素选择器和组合选择器等。

CSS（层叠样式表）中的高级选择器是那些超出基本元素、类和ID选择器的更复杂的选择机制，这些选择器提供了精细控制样式的能力，允许开发者针对特定的HTML结构或状态应用样式，以下是一些常用的高级CSS选择器：

后代选择器 (Descendant Selector)

后代选择器使用空格来分隔选择器，它选取第一个选择器的所有后代元素，不论层级。div p 会选择<div>元素内的所有<p>元素，无论它们嵌套有多深。

子元素选择器 (Child Selector)

与后代选择器不同，子元素选择器使用>来分隔选择器，它仅选取直接子元素。div > p 只会选择直接作为<div>元素子元素的<p>元素，而不会选取更深层级的后代。

相邻兄弟选择器 (Adjacent Sibling Selector)

相邻兄弟选择器使用+来选择紧随指定元素之后的兄弟元素。h1 + p 会选择紧跟在<h1>元素后面的<p>元素。

一般兄弟选择器 (General Sibling Selector)

一般兄弟选择器使用~来选择指定元素之后的所有兄弟元素，与相邻兄弟选择器不同的是，它可以选取多个元素，且不必是直接相邻的元素。

属性选择器 (Attribute Selector)

属性选择器允许根据元素的属性或属性值来选取元素，有多种不同的属性选择器，包括：

[attribute]: 选取带有指定属性的元素。

[attribute=value]: 选取属性值等于指定值的元素。

[attribute^=value]: 选取属性值以指定值开头的元素。

[attribute$=value]: 选取属性值以指定值结尾的元素。

[attribute*=value]: 选取属性值中包含指定值的元素。

伪类 (Pseudo-classes)

伪类用于选取元素在其生命周期中的特定状态，或者基于其在文档结构中的位置，常见的伪类有：

:hover: 用户鼠标悬停在元素上时。

:active: 用户激活元素时，如点击链接时的状态。

:focus: 元素获得焦点时，如输入框被点击时。

:first-child: 选取作为其父元素的第一个子元素的元素。

:last-child: 选取作为其父元素的最后一个子元素的元素。

:nth-child(n): 选取作为其父元素的第n个子元素的元素。

:not(selector): 选取不符合括号内指定的选择器的元素。

伪元素 (Pseudo-elements)

伪元素用于选取元素的部分内容，而不是整个元素，常见的伪元素有：

::before: 在元素的内容之前插入内容。

::after: 在元素的内容之后插入内容。

::first-letter: 选取文本的第一个字母。

::first-line: 选取文本的第一行。