後代選擇器和子選擇器

1. 後代選擇器

   1.什麼是後代選擇器?

   作用: 找到指定标簽的所有特定的後代标簽, 設定屬性

格式:

标簽名稱1 标簽名稱2{

屬性:值;

}

先找到所有名稱叫做"标簽名稱1"的标簽, 然後再在這個标簽下面去查找所有名稱叫做"标簽名稱2"的标簽, 然後在設定屬性

div p{}

注意點:

1.後代選擇器必須用空格隔開

2.後代不僅僅是兒子, 也包括孫子/重孫子, 隻要最終是放到指定标簽中的都是後代

3.後代選擇器不僅僅可以使用标簽名稱, 還可以使用其它選擇器

4.後代選擇器可以通過空格一直延續下去

1. 子選擇器

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

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

格式:

标簽名稱1>标簽名稱2{

屬性:值;

}

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

注意點:

1.子元素選擇器隻會查找兒子, 不會查找其他被嵌套的标簽

2.子元素選擇器之間需要用>符号連接配接, 并且不能有空格

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

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

1. 後代選擇器和子選擇器得差別

   1.後代選擇器和子元素選擇器之間的差別?

   1.1

   後代選擇器使用空格作為連接配接符号

   子元素選擇器使用>作為連接配接符号

   1.2

   後代選擇器會選中指定标簽中, 所有的特定後代标簽, 也就是會選中兒子/孫子…, 隻要是被放到指定标簽中的特定标簽都會被選中

   子元素選擇器隻會選中指定标簽中, 所有的特定的直接标簽, 也就是隻會選中特定的兒子标簽