CSS3後代選擇器和同級選擇器簡介和例項
CSS selector level 3規範中定義了一些和文件層級結構有關的連線選擇器(或稱組合選擇器),
分為後代選擇器(Descendant combinator/Child combinators)和同級選擇器(Sibling combinators):
其中後代選擇器分以下3個:
1. 空格。div p: 表示p是div的後代元素, div是p的祖先。該選擇器選擇所有div下的p後代元素。
2. 箭頭(>)。表示直系關係。div > p 表示div的兒子輩的元素。3. 星號(*)。表示隔代關係。div * p表示div的孫子輩及之後的元素。
同級選擇器分為以下2個:
1. 加號(+)。表示緊隨關係。h1 + h2: 表示緊跟在h1後面的h2元素。
2. 波浪號(~)。表示後續關係。h1 ~ h2: 表示和h1元素同在一個父元素下的後續h2元素(中間可以隔著其他元素)。
關於CSS3選擇器參考閱讀:
相關推薦
CSS3後代選擇器和同級選擇器簡介和例項
CSS selector level 3規範中定義了一些和文件層級結構有關的連線選擇器(或稱組合選擇器),分為後代選擇器(Descendant combinator/Child combinators)和同級選擇器(Sibling combinators):其中後代選擇器分以
linux c語言 fork() 和 exec 函式的簡介和用法
假如我們在編寫1個c程式時想呼叫1個shell指令碼或者執行1段 bash shell命令, 應該如何實現呢? 其實在<stdlib.h> 這個標頭檔案中包含了1個呼叫shell命令或者指令碼的函式 system();直接把 shell
子選擇器、後代選擇器和通用選擇器以及偽選擇器
borde solid 顏色 clas lec 編輯 一段 html 一行 子選擇器(>) .food>li{border:1px solid red;}後代選擇器(空格) 包含選擇器,即加入空格,用於選擇指定標簽元素下的後輩元素。如右側代碼編輯器中的代碼: .
CSS樣式中的後代選擇器和子代選擇器
2017年04月18日 20:36:15 枕夢 閱讀數:1903 標籤: 後代選擇器 子代選擇器
包含(後代)選擇器和子選擇器的區別
請注意:這個選擇器與子選擇器的區別,子選擇器(child selector)僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代(只能作用於第一代後代,對其他後代不起作用)。而後代選擇器是作用於所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。 總結:>作用於
後代選擇器和子代選擇器的區別
1.後代選擇器: 寫法:$("ancestor descendant") 例:$("div span") 指的是div標籤下的所有span標籤,不管是什麼層級; 2.子代選擇器: 寫法:$("parent > child") 例:$("div > span
後代選擇器和子選擇器
後代選擇器 h1 em 選擇器可以解釋為 “作為 h1 元素後代的任何 em 元素 有關後代選擇器有一個易被忽視的方面,即兩個元素之間的層次間隔可以是無限的。 例如,如果寫作 ul em,這個語法就會選擇從 ul 元素繼承的所有 em 元素,而不論 em 的巢狀層次
CSS選擇器中 後代選擇器和派生選擇器有什麼區別?
根據W3C的說明: 派生選擇器 通過依據元素在其位置的上下文關係來定義樣式,你可以使標記更加簡潔。 在 CSS1 中,通過這種方式來應用規則的選擇器被稱為上下文選擇器 (contextual selectors),這是由於它們依賴於上下文關係來應用或者避免某項規則。
如何使用CSS3中的結構偽類選擇器和偽元素選擇器
結構偽類選擇器介紹 結構偽類選擇器是用來處理一些特殊的效果。 結構偽類選擇器屬性說明表 屬性 描述 E:first-child 匹配E元素的第一個子元素。 E:last-child 匹配E元素的最後一個子元素。 E:nth-child(n) 匹配E元素的第n個子元素。 E:nth
css3--:target選擇器稱為目標選擇器
相對 標簽 分享 and range tar marker splay menu :target選擇器稱為目標選擇器,用來匹配文檔(頁面)的url的某個標誌符的目標元素。我們先來上個例子,然後再做分析。 示例展示 點擊鏈接顯示隱藏的段落。 HTML代碼: <h2>
Android零基礎入門第57節:日期選擇器DatePicker和時間選擇器TimePicker
oncreate ted show imageview bce min date 教程 運行程序 在實際開發中,經常會遇見一些時間選擇器、日期選擇器、數字選擇器等需求,那麽從本期開始來學習Android中常用選擇器,今天學習的是DatePicker和TimePicke
Css 後代選擇器與子代選擇器的區別
javascrip width 沒有 什麽 for -1 adding 選擇器 light 後代選擇器用空格,比如A B{border:1px solid red;} 子代選擇器用>, 比如A>B{border:1px solid red;} 但是,如果你仔
查看python iterpreter的路徑和當前選擇的解釋器
pre div 路徑 body code spa down where logs whereis python which python 查看python iterpreter的路徑和當前選擇的解釋器
什麽是 jQuery 和jQuery的基本選擇器,層級選擇器,基本篩選器
核心 msg 操作 prototype 頁面 影響 框架 標簽 偶數 jQuery是什麽? [1] jQuery由美國人John Resig創建,至今已吸引了來自世界各地的眾多 javascript高手加入其team。 [2] jQuery是繼prototype之
電橋、耦合器和功分器的選擇
class 過程 兩個 因此 耦合度 要求 我想 一個 最小 電橋、耦合器和功分器的選擇 轉載自百度文庫:https://wenku.baidu.com/view/5e6881eb81c758f5f61f67ba.html 電橋、耦合器和功分器的選擇電橋、耦合器和功分器
css3基礎 :target 目標偽類選擇器 簡單示例
pos url ctype itl w3cschool ont 錨點 網頁 name 禮悟: 公恒學思合行悟,尊師重道存感恩。葉見尋根三返一,江河湖海同一體。 虛懷若谷良心主,願行無悔給最苦。讀書鍛煉養身心,誠勸且行且珍惜。
css選擇器(1)——元素選擇器、類名和id選擇器
span pan 包含 最重要的 通過 font 給定 情況 但是 css的主要優點之一就是它能很容易地向所有同類型的元素應用一組樣式。當然它是通過選擇器來實現這一點的。 基本規則結構: 語法= 選擇器 +聲明塊 1.元素選擇器——直接使用html元素名,指向文檔元素
css選擇器(2)——屬性選擇器和基於元素結構關系的選擇器
tro 性能 border end 元素 接受 span div word 在有些標記語言中,不能使用類名和id選擇器,於是css2引入了屬性選擇器。 3.屬性選擇器 a)根據是否存在該屬性來選擇 如果希望選擇有某個屬性的元素,例如要選擇有class屬性的所有h
CSS3偽元素、偽類選擇器
first 偽類 ted :link sel OS lec 狀態 -s 偽元素選擇器: ::first-letter:為某個元素中的文字的首字母或第一個字使用樣式。 ::first-line:為某個元素的第一行文字使用樣式。 ::before:在某個元素之前插入一些
CSS選擇器之兄弟選擇器(~和+)
spa 例子 inf 代碼 但是 info 發現 效果 說話 今天在改以以前人家寫的網頁的樣式的時候,碰到這個選擇器,‘~’,當時我是懵逼的,傻傻分不清 ‘+’ 跟 ‘~’的區別,雖然我知道他們都是