css的属性选择器有哪些 |css图片等比缩小

[attr] 选择含有attr属性的HTML元素
[attr=value] 选择attr属性值为"Value"的HTML元素
[attr~=value] 选择attr属性值中包含"value"的HTML元素，"value" 必须是整个值中的一个单独的单词。
[attr|=value] 选择attr属性值等于“value”或以“value-”开头的元素，这里的“value”必须是整个值中的一个单独单词。
[attr^=value] 选择attr属性值以“value”开头的HTML元素。
[attr$=value] 选择attr属性值以“value”结尾的HTML元素。
[attr*=value] 选择attr属性值中包含“value”的HTML元素。

使用属性选择器可以为特定的HTML元素或元素组添加另一层维度，从而为这些元素指定不同的样式。例如，在所有包含href属性的链接上设置一个特定的样式。

a[href]{
color: green;
}

同时使用多个属性选择器也是可能的，例如选择所有type属性值为submit，且name属性值为submit的按钮。

button[type="submit"][name="submit"]{
color: red;
}

以上是CSS的属性选择器的介绍，当需要选择某些具有特定属性的HTML元素时，它是非常有用的。通过使用属性选择器，可以更加精细地控制HTML元素的样式，使得网页的设计更加灵活和美观。