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

以上這篇全面了解css 屬性選擇器就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持軟件開發網。

原文地址：http://www.cnblogs.com/lwwen/archive/2016/07/19/5685612.html