- 推薦
- < i class="icon-music">發(fā)現(xiàn)音樂(lè)
- 我的音樂(lè)
- 下載的音樂(lè)
資訊專欄INFORMATION COLUMN
摘要：選擇器各種選擇器你都知道嗎下面一一為你羅列一下。例如如下標(biāo)簽即可直接選擇類選擇器類選擇以點(diǎn)開(kāi)頭，后面緊跟一個(gè)類名。一般同胞選擇器使用隔開(kāi)兩個(gè)選擇器。例如表示選擇為元素的所有兄弟元素。
CSS3 選擇器
各種選擇器你都知道嗎？下面一一為你羅列一下。
標(biāo)簽選擇器又叫元素選擇器，換句話說(shuō)，文檔的元素就是最基本的選擇器，使用元素名稱直接選中元素即可。
例如 如下p標(biāo)簽即可直接選擇
one
two
three
2.類選擇器
類選擇以點(diǎn)"."開(kāi)頭，后面緊跟一個(gè)類名。類名不允許有空格，與元素中class屬性的值保持一致。一個(gè)元素可以有多個(gè)class的值，每個(gè)值通過(guò)空格分割開(kāi)。類名相同的元素屬于一類元素。
例如 如下class里面的類
ID選擇器以"#"開(kāi)頭，后面緊跟一個(gè)ID名，在一個(gè)文檔中，ID值不能重復(fù)，因此在選擇文檔中唯一元素的時(shí)候該選擇器比較有用。
例如 如下id選擇
— "Good morning."
— "Go away!"
4. 普遍選擇器
使用“*”來(lái)表示普遍選擇器，表示選擇所有元素，通常用在組合選擇器中。
例如 如下選擇的就是left-nav的所有子元素
- 推薦
- <
i class="icon-music">發(fā)現(xiàn)音樂(lè)
- 我的音樂(lè)
-
下載的音樂(lè)
5.層次選擇器
5.1后代選擇器
使用 “ ” 隔開(kāi)兩個(gè)選擇器。例如 “ul li”表示選擇ul的后代元素li，li可以為ul的直接子元素，也可以為ul的孫子元素。
5.2子代選擇器
使用 “>” 隔開(kāi)兩個(gè)選擇器。例如 "ul>li"表示選擇ul的直接子代元素li,ul的孫子元素li無(wú)法被選擇到
5.3相鄰?fù)x擇器
使用 “+” 隔開(kāi)兩個(gè)選擇器。例如 ".one+*"表示選擇class為"one"元素的下一個(gè)兄弟元素。
5.4一般同胞選擇器
使用 “~” 隔開(kāi)兩個(gè)選擇器。例如 ".one~*"表示選擇class為"one"元素的所有兄弟元素。6.屬性選擇器
屬性選擇器有以下幾種
例如如下，就是選擇button中具有name屬性的元素并且name的值為del的元素
7.偽類選擇器
偽類以":"開(kāi)頭，用在選擇器后，用于指明元素在某種特殊的狀態(tài)下才能被選中
7.1表示子元素
7.2 與狀態(tài)相關(guān)
偽元素選擇器偽元素以"::"開(kāi)頭，用在選擇器后，用于選擇指定的元素
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/52126.html
摘要：本次測(cè)試主要參考文檔為選擇器參考手冊(cè)主要是安卓微信小程序的選擇器兼容入坑小程序過(guò)程中看到微信對(duì)支持的選擇器的描述只有六個(gè)分別是但是看到給寫的花里胡哨的的庫(kù)還有各種花里胡哨的小程序并且還表明支持之前各種無(wú)的庫(kù)所以我覺(jué)得事情并沒(méi)有這么簡(jiǎn)單趁著元 本次測(cè)試主要參考文檔為w3school CSS 選擇器參考手冊(cè) (主要是安卓/ios/微信小程序的css選擇器兼容) 入坑uniapp/小程序過(guò)...
閱讀 2671·2023-04-25 18:10
閱讀 1606·2019-08-30 15:53
閱讀 2788·2019-08-30 13:10
閱讀 3216·2019-08-29 18:40
閱讀 1128·2019-08-23 18:31
閱讀 1201·2019-08-23 16:49
閱讀 3400·2019-08-23 16:07
閱讀 877·2019-08-23 15:27
