CSS中支持哪些后代选择器类型？

本文共计924个文字，预计阅读时间需要4分钟。

CSS后代的选取方式有：

1. 后代元素 + * + {}，表示从后代元素中找到所有子代元素。

2.后代 + 子代 {}，表示从指定后代元素中找到指定子代元素。

3.后代 + 子代1 + 子代2 {}，表示从后代元素中找到特定路径上的子代元素。

css后代选择器有：1、“父代元素 * {}”，从父代元素中的找到所有子代元素。2、“父代 子代{}”，是从父代 元素中找到指定子代元素；3、“父代 子代1 子代2{}”，从父代中找到子代1，再从子代1找到子代2。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

后代选择器（descendant selector）又称为包含选择器。

后代选择器可以选择作为某元素后代的元素。

后代选择器集中形式：

1、父代 * {}从 父代 中的找到 所有子代。

2、父代 子代1{} 是从 父代 中找到 子代1 或者 父代 子代2{} 是从 父代 中找到 子代2 。

3、父代 子代1 子代2{} 这个是从 父代 中找到子代1，再从 子代1 找到 子代2。

第一种形式：虽然是全部选中但是*的优先级较低。