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

關於css 屬性選擇器的解析

不言
發布: 2018-06-20 17:46:19
原創
2830 人瀏覽過

以下為大家帶來一篇全面了解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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板