css选择器有哪些属性选择器

CSS选择器提供了多种属性选择器，用于根据元素的属性值来选择元素。这些属性选择器可以根据属性值的相等、包含、开始、结束等条件进行选择。以下是CSS中常见的属性选择器：

1. 等于选择器（Equals Selector）：使用方括号（[]）和等号（=），表示选取具有指定属性值的元素。例如，`[class="red"]`表示选取所有class属性值为"red"的元素。

2. 包含选择器（Contains Selector）：使用方括号（[]）和星号（*），表示选取包含指定字符串的属性值的元素。例如，`[href*="example"]`表示选取所有href属性值中包含"example"的元素。

3. 开始选择器（Starts With Selector）：使用方括号（[]）和尖号（^），表示选取以指定字符串开头的属性值的元素。例如，`[class^="red"]`表示选取所有class属性值以"red"开头的元素。

4. 结束选择器（Ends With Selector）：使用方括号（[]）和美元符号（$），表示选取以指定字符串结尾的属性值的元素。例如，`[class$="red"]`表示选取所有class属性值以"red"结尾的元素。

5. 子串选择器（Substring Selector）：使用方括号（[]）和竖线符号（|），表示选取具有指定属性值的元素，或者属性值以指定字符串开头并紧跟连字符的元素。例如，`[lang|="en"]`表示选取所有lang属性值为"en"的元素，或者属性值以"en-"开头的元素。

6. 多值选择器（Multiple Values Selector）：使用方括号（[]）和等号（=），同时指定多个属性值，表示选取具有指定属性值中的任意一个的元素。多个属性值之间用空格分隔。例如，`[class="red blue"]`表示选取所有class属性值为"red"或"blue"的元素。

7. 否定选择器（Negation Selector）：使用方括号（[]）和冒号（:not()），表示选取不具有指定属性值的元素。例如，`[class]:not([class="red"])`表示选取所有具有class属性但不为"red"的元素。

以上是CSS中常见的属性选择器，通过使用这些选择器，我们可以根据元素的属性值来选择和样式化网页中的元素，实现丰富多样的效果。同时，属性选择器还可以与其他选择器和伪类选择器结合使用，进一步扩展选择范围和条件。