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] 選擇帶有指定屬性值結(jié)尾的元素,例如:
a[href$=".pdf"] {
color: red;
}
7.[attribute*=value] 選擇屬性值包含指定字符串的元素,例如:
input[type*="date"] {
width: 150px;
}
使用這些屬性選擇器可以方便地選擇具有特定屬性或?qū)傩灾档脑?,從而為這些元素定義不同的樣式。