CSS selector

zorpan 發布于2019-08-30 14:05 / 1894人閱讀

摘要：選擇直接父元素為元素的元素選擇元素同級的第一個選擇元素同級的所有，選擇所有和選擇元素內部的所有第一個編號為匹配父元素下僅有的一個子元素，匹配父元素下使用同種標簽的唯一一個子元素，

div>p（選擇直接父元素為div元素的p元素）
div+p（選擇div元素同級的第一個p）
div~p （選擇div元素同級的所有p）
div，p （選擇所有div和p）
div p （選擇div元素內部的所有p）

第一個child編號為1
p:nth-child(3)
p:nth-child(odd)
p:nth-child(even)
p:nth-child(2n+11)

p:nth-last-child(n)
p:last-child

p:nth-of-type(n)
p:nth-last-of-type(n)
p:last-of-type

p:not(:last-of-type)

p:only-child(匹配父元素下僅有的一個子元素，equal :first-child:last-child OR :nth-child(1):nth-last-child(1))
p:only-of-type(匹配父元素下使用同種標簽的唯一一個子元素，equal :first-of-type:last-of-type OR :nth-of-type(1):nth-last-of-type(1))

p:root(匹配文檔的根元素，對于html文檔，就是html元素)
p:empty(匹配一個不包含任何子元素的元素，文本節點也被當作子元素)

p:enabled
p:disabled
p:checked
:not(p)

p:first-of-type(parent下面第一個type是p的孩子)
p:first-child(nth-child(1))(parent下面第一個child, 必須是p)

$("input[name="aaa"]").attr("checked”) //checked屬性的值
$("input[name="aaa"]").prop("checked’) //radiobutton 選中 or 沒選中
$("input[name="aaa"]").is(":checked’) //radiobutton 選中 or 沒選中

$(’select option’).filter(‘:selected’)
$(’select option’).filter(‘[selected]’)

$(‘:text’).val($(‘’).val());

^= (start with)
$= (ends with)
= (exactly equal)
!= (not equal)
*= (contains)
e.g. $(‘[id^=“item”]")

GPU云服務器云服務器 Selectors Selector css引入css css

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115768.html

我對CSS選擇器的認識

摘要：還有兩個選擇器是功能性的，它們可以給元素已有內容之前或之后添加新內容。我做了一個項目，里面包含一個測試選擇器的小功能，請看這里。二歸納下文中所有的都代表任何一個有效的選擇器。我對CSS選擇器的認識一、簡述　　　　CSS選擇器是對HTML元素進行選擇的篩選條件，大概可以分為兩類：特征選擇器——根據元素自身所具有的某種特征進行篩選，比如名稱、ID、屬性等；關系選擇器——根據元素與其他元...

李世贊 2019-04-23 13:27 評論0 收藏0
前端雜談: CSS 權重 (Specificity)

摘要：前端雜談權重權重想必大家都聽說過一些簡單的規則大部分人也都知道較長的權重會大于較短的權重高于但是具體規范是什么瀏覽器是按照什么標準來判定不同選擇器的權重的呢讓我們來看一下官方文檔是怎么說的第一個關鍵詞官方文檔中用特異性來表示一個和其元素的相前端雜談: CSS 權重 (Specificity) css 權重想必大家都聽說過, 一些簡單的規則大部分人也都知道: 較長的 css sele...

SimonMa 2019-08-29 17:18 評論0 收藏0
CSS Selector覆蓋順序

摘要：我們都知道的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹的覆蓋順序。之間的優先級順序以下是不同之間的優先級，選擇器。終極覆蓋法關鍵字能夠覆蓋一切定義，無視前面提到的優先級順序。我們都知道CSS的定義是可以被覆蓋的，但是覆蓋的順序可能并不清楚，本文的目的就在于介紹CSS的覆蓋順序。三種類型CSS的優先級順序 CSS有三種類型: inline style：以s...

bigdevil_s 2019-08-29 11:09 評論0 收藏0
JQuery干貨篇之處理元素

摘要：表示要設置的屬性名稱，返回值就是要設置的屬性值實例設置字體大小使用相對值設置屬性值，在原有的基礎上加上獲取標簽的字體同時設置多個屬性方法方法設置或返回被選元素的文本內容。 JQuery干貨篇之處理元素注意這里用的還是我前兩篇用的例子，詳情請看我的博客 attr attr() 方法設置或返回被選元素的屬性值。語法： $(selector).attr(attribute) 返回被選...

tuantuan 2019-08-29 12:27 評論0 收藏0
JQuery干貨篇之處理元素

摘要：表示要設置的屬性名稱，返回值就是要設置的屬性值實例設置字體大小使用相對值設置屬性值，在原有的基礎上加上獲取標簽的字體同時設置多個屬性方法方法設置或返回被選元素的文本內容。 JQuery干貨篇之處理元素注意這里用的還是我前兩篇用的例子，詳情請看我的博客 attr attr() 方法設置或返回被選元素的屬性值。語法： $(selector).attr(attribute) 返回被選...

weij 2019-08-20 16:01 評論0 收藏0
JQuery干貨篇之處理元素

摘要：表示要設置的屬性名稱，返回值就是要設置的屬性值實例設置字體大小使用相對值設置屬性值，在原有的基礎上加上獲取標簽的字體同時設置多個屬性方法方法設置或返回被選元素的文本內容。 JQuery干貨篇之處理元素注意這里用的還是我前兩篇用的例子，詳情請看我的博客 attr attr() 方法設置或返回被選元素的屬性值。語法： $(selector).attr(attribute) 返回被選...

zhaofeihao 2019-08-01 16:44 評論0 收藏0