0418 子元素選擇器

2021-07-31 16:55:50 字數 1418 閱讀 7833

1.什麼是子元素選擇器?

作用: 找到指定標籤中所有特定的直接子元素, 然後設定屬性

格式:標籤名稱1>標籤名稱2

先找到所有名稱叫做"標籤名稱1"的標籤, 然後在這個標籤中查詢所有直接子元素名稱叫做"標籤名稱2"的元素

注意點:

1.子元素選擇器只會查詢兒子, 不會查詢其他被巢狀的標籤

2.子元素選擇器之間需要用》符號連線, 並且不能有空格

3.子元素選擇器不僅僅可以使用標籤名稱, 還可以使用其它選擇器

4.子元素選擇器可以通過》符號一直延續下去

<htmllang="en">

<head>

<metacharset="utf-8">

<title>13-子元素選擇器

title>

<style>

/*div>p

*//*

#identity>p

*/div>ul>li>p

style>

head>

<body>

<p>我是段落

p>

<divid="identity">

<p>我是段落

p>

<p>我是段落

p>

<ul>

<li><p>我是段落

p>li>

ul>

div>

<p>我是段落

選擇器 子元素

匹配其父元素下的第n個子或奇偶元素 eq index 只匹配乙個元素,而這個將為每乙個父元素匹配子元素。nth child從1開始的,而 eq 是從0算起的!可以使用 nth child even nth child odd nth child 3n nth child 2 nth child 3n...

屬性選擇器,子元素選擇器,偽元素選擇器筆記

屬性選擇器 屬性名稱 屬性名稱 屬性值 子元素選擇器 第n個子元素 元素 nth child 1 最後乙個子元素 元素 last child 全部子元素 test test2 直接子元素 test test2 選擇後面的乙個元素 test div 選擇後面的多個元素 test div偽元素 通過cs...

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

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