子元素和後代元素選擇器

2021-10-03 14:13:12 字數 1040 閱讀 3283

我是div的多少京東i啊水平較低的怕就怕但是就怕的

在金色的麥田中

我是p標籤

有一群小朋友

父元素:直接包含子元素的元素

子元素:直接被父元素包含的元素

祖先元素:直接或間接包含後代元素的元素

後代元素:直接或間接被祖先元素包含的元素

兄弟元素:擁有相同父元素的叫做兄弟元素

為div中的span 設定顏色,後代選擇器:選中指定元素的指定後代元素

祖先元素 後代元素{} -->

選中id為d1的p元素

為div的子元素span,選中指定父元素的指定子元素語法 :父元素》子元素

#d1 p span(這是選中後代元素的語法)
選擇器越短越好

為div的子元素span設定乙個背景元素

子元素選擇器語法:語法 父元素》子元素

【選中id 也即選中標籤,後代元素選擇法和父子選擇發結構都是三個標籤,連線符號為空格或者是》。但是常用選擇器可以組合,元素和類別均可中間無連線符或者為,再一說就是,屬性選擇器,形式是元素[title=「屬性值」],偽類選擇器是元素:偽類名。兄弟選擇器兩個元素值之間用+(第乙個兄弟)或者是~(所有)另乙個:否定偽類 元素名:(.型別名)】

#d1>p>

div的空格比p較小,但並不是沒有空格

ie6及以下不支援子元素選擇器

當然後代中的選擇也可以用這種類似於偽類的格式來書寫 語法

元素:哪乙個孩子

p:first-child既是p元素,又得是第乙個子元素(任意父親都可以) -->

p:last-child

p:nth-child(1,2,3or4)

括號中可寫even 或者 odd 控制偶數或者是奇數字置的子元素

(隔行變色)

該選擇器可以指定要選擇第幾個子元素

p:firt-of-type(指一種元素的第乙個),child是在所有的子元素排,而type

表示當前的元素排列

後代選擇器和子元素選擇器

1.後代選擇器和子元素選擇器之間的區別?1.1 後代選擇器使用空格作為連線符號 子元素選擇器使用 作為連線符號 1.2 後代選擇器會選中指定標籤中,所有的特定後代標籤,也就是會選中兒子 孫子 只要是被放到指定標籤中的特定標籤都會被選中 子元素選擇器只會選中指定標籤中,所有的特定的直接標籤,也就是只會...

後代選擇器與子元素選擇器的區別

1.後代選擇器用空格作為連線符號 2.子元素選擇器用 作為連線符號 1.後代選擇器會選中指定標籤中,所有的特定後代標籤,也就是會選中兒子,孫子,只有放到標籤中的特定標籤都能選中 2.子元素選擇器只會選中指定標籤中,所有特定的直接標籤,也就是只會選中特定的兒子標籤 1.後代選擇器和子元素標籤都可以使用...

CSS後代選擇器 子元素選擇器 相鄰兄弟選擇器

後代選擇器 後代選擇器 descendant selector 又稱為包含選擇器。後台選擇器可以選擇作為某元素後代的元素。例子 如果只希望h1元素中的em元素應用樣式,可以這樣寫 em元素 強調文字 h1 em this is a important paragraph.注意 如果寫作ul em,這...