CSS 層級選擇器

2022-05-17 08:12:03 字數 997 閱讀 7970

css 層級選擇器

注:使用空格分隔,塞選到最後一項應用。

標籤選擇器 下 標籤選擇器

父標籤 --> 指定子標籤新增css屬性

<

html

>

<

head

>

<

style

>

/*只應用於span標籤下的div標籤

*/span div

style

>

head

>

<

body

>

<

span

>

<

div>1

div>

<

div>1

div>

span

>

body

>

html

>

class選擇器 下 標籤選擇器

含「c1」class屬性的標籤 --> 內的div標籤設定css樣式

<

html

>

<

head

>

<

style

>

/*含有.c1樣式下的div標籤有效

*/.c1 div

style

>

head

>

<

body

>

<

span

class

="c1"

>

<

div>1

div>

<

div>1

div>

span

>

body

>

html

>

jQuery選擇器之層級選擇器

文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述,可以把文件樹當作乙個家譜,那麼節點與節點直接就會存在父子,兄弟,祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表,對比層級選擇器的區別 仔細觀...

jQuery選擇器之層級選擇器

若要通過dom 元素之間的層次關係來獲取元素,如後代元素,子元素,相鄰元素和同輩元素,使用jquery的層次選擇器將會是最佳選擇。jquery層次選擇器和css的層次選擇器相同,他們都是根據獲取元素與其父元素,子元素,兄弟元素等的關係而構成的選擇器。jquery中有四種層次選擇器 後代選擇器 子選擇...

jsp層級選擇器 jQuery 選擇器

1.基本選擇器 id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 2.層次選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id c...