此選擇器的匹配要比E[attr="value"]的匹配條件要寬容一些,後者需要精準的匹配,而E[attr~="value"]不需要精準的匹配,只要在屬性值清單(屬性值清單是用空格分隔的)中有value值即可符合此元素。
php中文网 1 2 3 4 5 6 7 8 9
以上程式碼可以講第六個li元素的字體顏色設定為紅色,需要特別注意的是,屬性清單必須是用空格分隔的。此選擇器當然也可以多個一起使用,程式碼如下:
li[id~="five"][title~="girl"]{ color:red; }
看過本課程的同學也在學習