css3选择器-属性选择器

CSS3选择器-属性选择器是一种用于选择具有特定属性或属性值的HTML元素的CSS选择器。它可以根据元素的属性来选择元素，从而实现对元素的样式控制。

CSS3属性选择器有以下几种类型：

1. [attribute]：选择具有指定属性的元素。例如，`[class]`可以选择所有具有class属性的元素。

2. [attribute=value]：选择具有指定属性和属性值的元素。例如，`[class="example"]`可以选择class属性值为"example"的元素。

3. [attribute~=value]：选择具有指定属性且属性值中包含指定值的元素。例如，`[class~="example"]`可以选择class属性值中包含单词"example"的元素。

4. [attribute|=value]：选择具有指定属性且属性值以指定值开头的元素。例如，`[lang|="en"]`可以选择lang属性值以"en"开头的元素。

5. [attribute^=value]：选择具有指定属性且属性值以指定值开头的元素。例如，`[href^="https://"]`可以选择href属性值以"https://"开头的元素。

6. [attribute$=value]：选择具有指定属性且属性值以指定值结尾的元素。例如，`[src$=".png"]`可以选择src属性值以".png"结尾的元素。

7. [attribute*=value]：选择具有指定属性且属性值包含指定值的元素。例如，`[title*="example"]`可以选择title属性值中包含"example"的元素。

以上就是CSS3选择器-属性选择器的介绍。