CSS复合选择器的分类和用法

工具/原料

• 电脑

方式/步骤

1. 1

   儿女选择器

   儿女选择器的语法是用空格分隔的多个选择器组合，它的感化是在 A 选择器的儿女元素中找到 B 选择器所指的元素。它的语法形式就是：“选择器 A 选择器 B” ，例如：

   
2. 2

   子元素选择器

   子元素选择器和儿女选择器近似，也是为选择器限制规模。分歧的是子元素选择器只找子元素，而不会把所有的儿女都找一遍。它的语法是 “选择器 A> 选择器 B”，例如：

   
3. 3

   相邻兄弟选择器

   相邻兄弟选择器是用来拔取某个元素紧邻的兄弟元素，它的语法是 “选择器 A + 选择器 B”，暗示找到与 A 元素相邻的 B 元素。其实就是对选择器 B 加上 “紧邻着选择器 A” 的限制。一下面的代码为例：

   
4. 4

   通用兄弟选择器

   通用兄弟选择器和相邻兄弟选择器很相似，它的语法是 “选择器 A ~ 选择器 B”，也是用选择器 A 做限制，选择器 B 是最终匹配的方针。分歧的是通用兄弟选择器会匹配选择器 A 指定元素后面的所有合适选择器 B 法则的元素。例如：

   
5. 5

   交集选择器

   交集选择器是为了找两个或多个选择器的交集，用法就是把两个选择器放在一路，形式如 “选择器 A 选择器 B”，中心不需要加空格或者其他符号。交集选择器最本家儿要的感化是在限制规模内标识特别的样式。好比：

   
6. 6

   并集选择器

   并集选择器是为了归并近似的样式，可以把选择器分歧但样式不异的 CSS 语法块做归并。并集选择器就是用逗号朋分多个选择器，形式如 “选择器 A, 选择器 B”，暗示该样式对选择器 A 和选择器 B 所选择的元素都生效。例如：

   END

注重事项

• 在进修选择器这一部门的时辰，必然要本身建一些 DEMO 练一练，这么多的概念不脱手试一试是不太轻易记住的。