首頁  >  文章  >  web前端  >  關於css 屬性選擇器的解析

關於css 屬性選擇器的解析

不言
不言原創
2018-06-20 17:46:192795瀏覽

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

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

以上就是本文的全部內容,希望對大家的學習有幫助,更多相關內容請關注PHP中文網!

相關推薦:

關於CSS3定位和浮動的解析

#關於CSS3中currentColor關鍵字的使用方法

以上是關於css 屬性選擇器的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn