.E[attr~="value"]選擇器

此選擇器的匹配要比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; }
繼續學習
||
CSS教程
  • html专区
  • DIV+CSS专区
  • Javascript专区
  • Jquery专区
提交 重置程式碼
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!