首頁  >  文章  >  web前端  >  全面分析css屬性選擇器

全面分析css屬性選擇器

高洛峰
高洛峰原創
2017-03-07 13:23:491732瀏覽

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" ]######以上這篇全面了解css 屬性選擇器就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。 ######更多全面分析css屬性選擇器相關文章請關注PHP中文網! ###
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn