前端基礎-CSS屬性選擇器

八、屬性選擇器

1.[屬性名]

選擇具有該屬性的元素

示意圖

2.[屬性=值](重點)

選擇具有該屬性且等於該值的元素

示意圖

3.[屬性~=值](了解)

選擇具有該屬性,且值中包含該值的元素

示意圖

多學一招:元素屬性的值可以有多個

注意:這種場景適用於一個屬性名對應多個屬性的值

4.[屬性|=字元](了解)

選擇由連字元連接多個單片語成的屬性值中的第一個單詞

示意圖

注意:這種場景適用於一個屬性的值由連字元連接多個單片語成,且選擇的是第一個

5.[屬性*=值](了解)

選擇屬性的值中包含當前的值的元素

示意圖