css - 'type' 选择器的上下文规则是否也适用于 CSS 中的 'class' 和 'id' 选择器？

Question

我是 CSS 的新手，面临如下与上下文选择器相关的问题:

Q1)按以下方式创建选择器的效果是什么:

.test1 .test2{
    background:red;
}

这里的 test1 和 test2 是类选择器。

我理解，当我们将这种结构与“类型”选择器一起使用时，就会导致后代的样式化。

这对于类选择器来说是一样的吗？

Q2) 如果是，那么“类型”选择器的所有上下文规则(+、>)等是否也适用于类选择器？

Q3) 那么所有这些规则是否也适用于“id”选择器？

我在ExtJS等js库的css文件中看到过这种结构的使用

.x-border-box .x-reset *{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box}

但我一直没能定位到这个结构的确切含义。

对此有任何指导。

提前感谢您的帮助。

Answer 1

1. 是的，类选择器也是一样。
2. 是的，适用于类型选择器的上下文规则也适用于类选择器。
3. 是的，它们也适用于 ID 选择器。

---

I have seen the use of such structure in the css files of js libraries like ExtJS

.x-border-box .x-reset *{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box}

But I have not been able to locate the exact implication of this structure.

这意味着，将该规则应用于具有类 x-reset 的元素的所有子元素，其直接或任何其他父元素具有类 x-border-box.