CSS三重后代选择器

Question

我对后代选择器有疑问......

.classA .classB .classC{
    background-color: #000;
}

这将背景应用于classB元素的所有classC元素，child（直接或间接），其中classB元素是classA元素的子元素（直接或间接）。这不适用于classA元素的classA元素，而不是classB元素的子元素。这是对的吗？

.classA > .classB .classC{
    background-color: #000;
}

这将背景应用于所有classC元素，子（直接或间接）所有classB元素，其中classB元素是A类元素的DIRECT（非间接）子元素。

一切正常吗？

Answer 1

你所说的一切都是对的，除了替代＆＃34;后代＆＃34;为了孩子＆＃34;。 A＆＃34;直接孩子＆＃34;是重言式;根据定义，儿童是直系后裔。相反，在选择器E > F > G中，G是E的后代，但不是它的子;它是它的孙子。

这就是为什么>被简单地称为儿童组合子，或者直接后代组合子，而不是直接儿童＆＃34;组合子。

另请参阅：What does the ">" (greater-than sign) CSS selector mean?（特别是我在那里的答案的脚注）