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