前端基礎-CSS屬性選擇器
- 2020 年 4 月 7 日
- 筆記
八、屬性選擇器
1.[屬性名]
選擇具有該屬性的元素
示意圖 |
---|
|

2.[屬性=值](重點)
選擇具有該屬性且等於該值的元素
示意圖 |
---|
|

3.[屬性~=值](了解)
選擇具有該屬性,且值中包含該值的元素
示意圖 |
---|
|

多學一招:元素屬性的值可以有多個
注意:這種場景適用於一個屬性名對應多個屬性的值
4.[屬性|=字元](了解)
選擇由連字元連接多個單片語成的屬性值中的第一個單詞
示意圖 |
---|
|

注意:這種場景適用於一個屬性的值由連字元連接多個單片語成,且選擇的是第一個
5.[屬性*=值](了解)
選擇屬性的值中包含當前的值的元素
示意圖 |
---|
|
