關於css 屬性選擇器的解析

以下為大家帶來一篇全面了解css 屬性選擇器。內容還挺不錯的，現在就分享給大家，也給大家做個參考。

1.[class~="flower"]：選取有flower的class　

class="flower ss"
　　class="ss flower"

2.[class|='top']：選擇以top為top開頭的class需要有'—'相連或單獨的to​​p

　class="top-ss"
　　class="top"
　　class="top-ss"//选不中

3.[class^="top"]: 選取以top為開頭的不管有沒有特殊符號相連，單獨的to​​p也可以

class="top-ss"
　　class="topss"

4.[class$="top"]: 選取以top為結束的class,單獨的to​​p也行

　class="mytop"
　　class="my-top"
　　class="top"

5.[class*='tt']: 選取有tt兩個字母的class不管其位置在哪裡

　class="sttd"
　　class="ttee"
　　class="eett"

6.[target=_blank]

a标签中有target =_blank的选中

7.input[type="button"]

以上就是本文的全部內容，希望對大家的學習有幫助，更多相關內容請關注PHP中文網！

相關推薦：

關於CSS3定位和浮動的解析

#關於CSS3中currentColor關鍵字的使用方法

以上是關於css 屬性選擇器的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！