📜  CSS Descendant Selector后代选择器

📅  最后修改于: 2020-11-05 05:35:26             🧑  作者: Mango

CSS后代选择器

CSS后代选择器用于匹配特定元素的后代元素。单词Descendant表示嵌套在DOM树中的任何位置。它可以是直接子级,也可以大于五个级别,但仍称为后代。

后代组合器使用单个空格表示。它结合了两个选择器,其中第一个选择器代表祖先(父母,父母的父母等),第二个选择器代表后代。如果第二选择器匹配的元素的祖先元素与第一选择器匹配,则选择它们。后代选择器使用后代组合器。

句法

selector1 selector2 {
  /* property declarations */
}

我们可以使用以下示例了解CSS后代选择器。让我们看看CSS后代选择器的实现。








This is 1st paragraph in the div.

This is 2nd paragraph in the div.

This is second div in the first div

This is the paragraph in second div. It will also be affected.

Paragraph 4. It will not be affected because it is not in the div.