css - .class .class 作为 CSS 选择器类型是否意味着它是 CSS 后代组合器？

Question

两个 CSS 选择器是否与 CSS 后代组合器相同？

div p {
    color: #F00;
}

.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6;
    font-weight: normal;
    color: #555555;
}

Answer 1

是的，他们都是后代统治

根据规范文档

后代选择器由两个或多个用空格分隔的选择器组成。当元素 B 是某个祖先元素 A 的任意后代时，“A B”形式的后代选择器匹配。

所以任何两个用空格隔开的选择器都构成了后代选择器。

Answer 2

是的，两者都是后代组合选择器，但第二个具有更高的特异性（如果它们适用于相同的元素）。