如果想通過 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 元素 有且僅有乙個 相...