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 屬性選擇器就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多全面分析css屬性選擇器相關文章請關注PHP中文網！

本文原創發布php中文網，轉載請注明出處，感謝您的尊重！

總結

以上是生活随笔為你收集整理的php 分析css,全面分析css属性选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。