CSS3屬性選擇器是指可以通過HTML元素的屬性選擇器來選擇指定元素的樣式。下面是一些常用的CSS3屬性選擇器：
1.[attribute] 選擇帶有指定屬性的元素，例如：
a[href] {
color: blue;
}
2.[attribute=value] 選擇帶有指定屬性和值的元素，例如：
input[type="text"] {
width: 200px;
}
3.[attribute~=value] 選擇屬性值包含指定詞匯的元素，例如：
p[class~="warning"] {
color: red;
}
4.[attribute|=value] 選擇帶有指定屬性值的元素，其中屬性值以指定值開頭，后面可能有連字符，例如：
td[lang|="en"] {
color: blue;
}
5.[attribute^=value] 選擇帶有指定屬性值開頭的元素，例如：
a[href^="https"] {
color: green;
}
6.[attribute$=value] 選擇帶有指定屬性值結尾的元素，例如：
a[href$=".pdf"] {
color: red;
}
7.[attribute*=value] 選擇屬性值包含指定字符串的元素，例如：
input[type*="date"] {
width: 150px;
}
使用這些屬性選擇器可以方便地選擇具有特定屬性或屬性值的元素，從而為這些元素定義不同的樣式。
京公網安備 11010802030320號