css3選擇器總結
::first-line 匹配文字塊的首行
::first-letter 選擇文字塊的首字母
偽類選擇器:
:before, :after在元素內容前面、後面新增內容(相當於行內元素)
CSS3結構選擇器
:nth-child 選擇指定索引處的子元素
nth-child(n) 父元素下的第n個子元素
nth-child(odd) 奇數子元素(同nth-child(2n-1))
nth-child(even) 偶數子元素(同nth-child(2n))
nth-child(an+b) 公式
(nth-child從1開始)
:nth-last-child(n) 倒數第n個子元素
:nth-of-type(n) 父元素下的第n個指定型別的子元素
:nth-last-of-type 父元素下的倒數第n個指定型別的子元素
:first-child 選擇父元素下的第一個子元素
:last-child 選擇父元素下的最後一個子元素
:only-child 選擇父元素下唯一的子元素
:only-of-type 選擇父元素下指定型別的唯一子元素
:root 選擇文件的根目錄,返回html
相關推薦
css3選擇器總結
偽元素選擇器: ::first-line 匹配文字塊的首行 ::first-letter 選擇文字塊的首字母 偽類選擇器: :before, :after在元素內容前面、後面新增內容(相當於行內元素) CSS3結構選擇器 :nth-child 選擇指定索引處的子元素 nth-child(n) 父元素下的第n個
?css3屬性選擇器總結
ons .com 技術分享 屬性選擇器 pan mar ext nbsp 結束 css3屬性選擇器總結(1)E[attr]只使用屬性名,但沒有確定任何屬性值<p miaov="a1">111111</p><p miaov=&
CSS3選擇器介紹及用法總結
CSS3新增了很多強大的選擇器 它可以讓我們少寫一些js事件指令碼 我們先來看看各個版本的選擇器有哪些 注: ele代表element元素 attr代表attribute屬性,val代表value屬性值 :xxx都屬於偽類選擇器,::xxx都屬於偽元
CSS3選擇器的總結
1. *:通用選擇器 選擇頁面上全部元素,可與別的選擇器巢狀使用 2. #id:id選擇器 嚴格,沒法複用,只針對唯一 3. .class:類選擇器 針對某類,定位多個元素 4. selector1 selector2:後代選擇器
CSS3屬性選擇器總結
CSS3屬性選擇器語法: 元素名[屬性=“屬性值”]:選擇器{} 在元素型別匹配時,就可以使用類似正則的匹配方法。 [att=val] 指定特定名字的元素 [att*=val] 匹配包含val的元素, [att^=val] 匹配val開頭的元素,比如id為val
jQuery常用選擇器總結
輸入 area 不變 例如 .... 序號 sub 常用 復雜 jQuery常用選擇器總結: 我們都知道jQuery是JavaScript(JS)的框架,它的語法簡單使用方便,被廣大開發人員青睞。現在我就它常用的並且十分強大的選擇器的方式,做一個總結。鑒於它的選擇器方式
CSS3 選擇器
不可用 val 奇數 分類 item all lec 選中 單詞 一,CSS3 選擇器分類 二,選擇器語法 1,基本選擇器語法 選擇器 類型 功能描述 * 通配選擇器 選擇文檔中所以HTML元素 E 元素選擇器 選擇指定類型的HTML元素 #i
CSS3選擇器:nth-child與:nth-of-type區別
html css css3 一、:nth-child 1.1 說明 :nth-child(n)選擇器匹配屬於其父元素的第N個子元素,不論元素的類型。n可以是數字、關鍵詞或公式。 註意:如果第N個子元素與選擇的元素類型不同則樣
jQuery選擇器總結
textarea 輸入 運用 image 代碼 子元素 index tex select 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3
css3 選擇器 權重問題 (第一部分)
top 例子 checked ont css3 訪問 關鍵字 att border 其實我現在寫的這些博文筆記都是我很早之前學習的時候所寫的筆記,只不過之前是沒有寫博客的習慣,所以都是寫在word文檔中個人需要的時候看而已。最近剛剛開了博客,所以想將自己的筆記貼到博客。
css3 選擇器 權重問題 (第二部分)
fff 博文 管理 color 沒有 計算 現在 多層 nbsp 這篇博文有關css的權重問題,我個人認為這是css知識中很重要的一個知識點。因為在開發的過程能中我們會經常遇到這種問題,特別是如果你使用框架的時候,有些框架的某些標簽有一些默認的樣式。所以我們可以通過增加
CSS3選擇器:nth-child和:nth-of-type之間的差異
nbsp 元素 段落 -c 之間 css3選擇器 子元素 差異 是個 對於p:nth-child選擇器,選擇一個元素如果: 這是個段落元素 這是父標簽的第二個子元素 對於p:nth-of-type選擇器,選擇一個元素如果: 選擇父標簽的第二個段落子元素 :nth-o
CSS3選擇器
元素 選擇 html 指定 true borde ttr ack 選擇器 1.屬性選擇器 HTML <p name="a">用於選取帶有指定屬性的元素</p> <p name="line">用於選取帶有指定屬性和值的元素</p&g
Css 選擇器總結
n) .class 包括 ros 應用 全部 size focus 適用於 選擇器 .class 類對應的元素。 #id 對應的id元素。 * 全部元素 div{}
CSS(CSS3)選擇器(1)
cti str 插入 link 規則 padding 不可 情況 可能 這篇文章主要用於存儲CSS以及CSS3的選擇器部分知識,以便日後查閱及記憶. 該內容分為兩部分,第一部分為css選擇器的一些基本知識。第二部分為CSS3新增加的選擇器。 在開始之前,先簡單介紹一下選擇器
CSS(CSS3)選擇器(2)
for 字符 tutorials pty disable post input purple enabled 該部分主要為CSS3新增的選擇器 接上一篇 CSS(CSS3)選擇器(1) 一.通用兄弟選擇器: 24:E ~
CSS3選擇器:nth-child和:nth-of-type的差異
鏈接 code 如果 參考 res ngx target -o pos p:nth-child(2)表示這個元素要是p標簽,且是第二個子元素,是兩個必須滿足的條件。 <section> <div>我是一個普通的div標簽</div>
Html5與CSS3(選擇器)
off itl ima blue oct inf width 優先級 line <!-- 作者:offline 時間:2018-03-21 描述:1.全選擇器 *{屬性1:屬性值2;屬性2:屬性值2;..
讓IE8一下兼容CSS3選擇器
ava css3 開發工程師 IT 包含 AI blog 選擇器 itl 來自英國的網頁開發工程師Keith Clark 開發了一個JavaScript方案來使IE支持CSS3選擇器。該腳本支持從IE5到IE8的各個版本。 首先,您需要下載DOMAssistant腳本和i
CSS各類選擇器總結
bsp 不同的 紅色 們的 情況 css 作用 nbsp ack 首先來說一下,什麽是選擇器。在一個HTML頁面中會有很多很多的元素,不同的元素可能會有不同的樣式,某些元素又需要設置相同的樣式,選擇器就是用來從HTML頁面中查找特定元素的,找到元素之後就可以為它們設置樣