關於css 屬性選取器的解析

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

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

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

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

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

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

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

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

　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"]

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！