css - 具有许多后代的复杂 CSS 选择器

Question

我要选择h3和 view-grouping-header menu-publications 下的类 parent 。请看下面的截图:

上图中，我想全选<h3>和 2017或 2016或 2015元素。以下是 CSS:

.menu-publications h3{
    background-color: red;
}
.menu-publications > .view-grouping-header{
    background-color: yellow;
}

我无法选择 view-grouping-header .请参阅 JS-Fiddle here .

Answer 1

正确的选择器是.menu-publications .view-grouping-header

.menu-publications h3 {
     background-color: red;
}
.menu-publications .view-grouping-header {
     background-color: yellow;
}

element > element 选择器用于选择具有特定parent 的元素。不直接是指定父级的子级的元素将不会被选中。