10019 層次選擇器

2021-07-10 05:48:19 字數 565 閱讀 9819



如果想通過 dom 元素之間的層次關係來獲取特定元素,

例如後代元素, 子元素, 相鄰元素, 兄弟元素等, 則需要使用層次選擇器.

注意:  (「prev ~ div」) 選擇器只能選擇 「# prev 」 元素後面的同輩元素; 而 jquery 中的方法 siblings() 與前後位置無關,

只要是同輩節點就可以選取。

$("#btn1").click(function());

$("#btn2").click(function());

$("#btn3").click(function());

$("#btn4").click(function());

$("#btn5").click(function());

$("#btn6").click(function());

$("#btn7").click(function());

CSS3選擇器 2 層次選擇器

12345 6 789 10關於層次選擇器,為了方便我們的陳述,建立了上面的文件,執行結果如下 1 後代選擇器 修改文件中的css樣式,在末尾新增如下內容 div div重新執行頁面 但凡乙個div的上層還是div元素的都被變成了橘紅色 2 子選擇器 在css樣式中新增 body div執行結果 我...

詳解CSS3中的選擇器(二)層次選擇器

上一講我們講解了css3中的基本選擇器,這一節我們詳解下層次選擇器。我們都知道dom是乙個樹狀結構,在樹狀結構中有根節點 父節點 子節點 兄弟節點等概念。css也引入了這些概念到選擇器中,對應的關係就是層次選擇器。層次選擇器共有四種,分別為 在web開發中,用的較多的是前兩個 後代選擇器和子選擇器。...

Css選擇器 層次選擇器(關係選擇器)

1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...