- 推薦
- < i class="icon-music">發現音樂
- 我的音樂
- 下載的音樂
資訊專欄INFORMATION COLUMN
摘要：選擇器各種選擇器你都知道嗎下面一一為你羅列一下。例如如下標簽即可直接選擇類選擇器類選擇以點開頭，后面緊跟一個類名。一般同胞選擇器使用隔開兩個選擇器。例如表示選擇為元素的所有兄弟元素。
CSS3 選擇器
各種選擇器你都知道嗎？下面一一為你羅列一下。
1.標簽選擇器標簽選擇器又叫元素選擇器，換句話說，文檔的元素就是最基本的選擇器，使用元素名稱直接選中元素即可。
例如 如下p標簽即可直接選擇
one
two
three
2.類選擇器
類選擇以點"."開頭，后面緊跟一個類名。類名不允許有空格，與元素中class屬性的值保持一致。一個元素可以有多個class的值，每個值通過空格分割開。類名相同的元素屬于一類元素。
例如 如下class里面的類
ID選擇器以"#"開頭，后面緊跟一個ID名，在一個文檔中，ID值不能重復，因此在選擇文檔中唯一元素的時候該選擇器比較有用。
例如 如下id選擇
— "Good morning."
— "Go away!"
4. 普遍選擇器
使用“*”來表示普遍選擇器，表示選擇所有元素，通常用在組合選擇器中。
例如 如下選擇的就是left-nav的所有子元素
- 推薦
- <
i class="icon-music">發現音樂
- 我的音樂
-
下載的音樂
5.層次選擇器
5.1后代選擇器
使用 “ ” 隔開兩個選擇器。例如 “ul li”表示選擇ul的后代元素li，li可以為ul的直接子元素，也可以為ul的孫子元素。
5.2子代選擇器
使用 “>” 隔開兩個選擇器。例如 "ul>li"表示選擇ul的直接子代元素li,ul的孫子元素li無法被選擇到
5.3相鄰同胞選擇器
使用 “+” 隔開兩個選擇器。例如 ".one+*"表示選擇class為"one"元素的下一個兄弟元素。
5.4一般同胞選擇器
使用 “~” 隔開兩個選擇器。例如 ".one~*"表示選擇class為"one"元素的所有兄弟元素。6.屬性選擇器
屬性選擇器有以下幾種
例如如下，就是選擇button中具有name屬性的元素并且name的值為del的元素
7.偽類選擇器
偽類以":"開頭，用在選擇器后，用于指明元素在某種特殊的狀態下才能被選中
7.1表示子元素
7.2 與狀態相關
偽元素選擇器偽元素以"::"開頭，用在選擇器后，用于選擇指定的元素
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115955.html
摘要：本次測試主要參考文檔為選擇器參考手冊主要是安卓微信小程序的選擇器兼容入坑小程序過程中看到微信對支持的選擇器的描述只有六個分別是但是看到給寫的花里胡哨的的庫還有各種花里胡哨的小程序并且還表明支持之前各種無的庫所以我覺得事情并沒有這么簡單趁著元 本次測試主要參考文檔為w3school CSS 選擇器參考手冊 (主要是安卓/ios/微信小程序的css選擇器兼容) 入坑uniapp/小程序過...
閱讀 3551·2021-11-08 13:15
閱讀 2107·2019-08-30 14:20
閱讀 1386·2019-08-28 18:08
閱讀 977·2019-08-28 17:51
閱讀 1483·2019-08-26 18:26
閱讀 2988·2019-08-26 13:56
閱讀 1483·2019-08-26 11:46
閱讀 2586·2019-08-23 14:22
