全面了解css 屬性選擇器

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
相關文章
- 對帶有指定屬性的 HTML 元素設置樣式??梢詾閾碛兄付▽傩缘?HTML 元素設置樣式,而不僅限于 class 和 id 屬性。下文給大家介紹了css屬性選擇器的相關知識,感興趣的朋友一2017-06-22
- 本文總結了30個CSS3選擇器,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-13
- CSS3的諸多革命性改進中,對屬性選擇器的增強絕對是亮點之一,這里我們就來詳解CSS3中屬性選擇器新增加的特性,需要的朋友可以參考下2016-07-11
- 本篇文章給大家介紹css3選擇器的使用方法匯總,包括通用選擇器,屬性選擇器,偽類選擇器,對css3選擇器相關知識感興趣的朋友一起學習吧2015-11-24
- 這篇文章主要介紹了CSS屬性簡寫和選擇器的優(yōu)先級問題,是CSS入門學習中的基礎知識,需要的朋友可以參考下2015-08-15
- 上一切在《CSS3選擇器——基本選擇器》中主要介紹了CSS3選擇器的第一部分,這節(jié)主要和大家一起來學習CSS3選擇器的第二部分——屬性選擇器2012-01-21
CSS屬性選擇器的四種格式-CSS教程-網頁制作-網頁教學網
屬性選擇器(AttributeSelectors),或許你不應該對屬性選擇器感到陌生,從本質上說,id跟類選擇器其實就是屬性選擇器,只不過是選擇了id或者類的值(value)而已。2008-10-17css對邊框的屬性控制和鏈接的偽類選擇器-CSS教程-網頁制作-網頁教學網
原文:http://jorux.com/archives/property-3-if-you-love-css/ 本篇主要介紹css對邊框(border)的屬性控制和鏈接(link)的偽類選擇器. 邊框(border): css控制的邊框屬2008-10-17- CSS屬性選擇器非常神奇,它們可以幫你避免添加數(shù)不勝數(shù)的類名,從另一方面來指出你代碼里的一些問題。接下來通過本文給大家介紹使用CSS屬性選擇器來拼接HTML的DNA的方法,2018-11-02