css - 在两个特定的 div 类名下选择一个 h1 元素

Question

<div class="top1">
  <div class="top2">
    <h1 class="highlighted">

如何用CSS选择上面一段html代码中的h1类？情况是有重复的 h1 类“突出显示”。这里我只想选择类top1/top2/highlighted下的那个。

Answer 1

尝试:

.top1 .top2 h1.highlighted{color:red;}

.top1 .top2 表示具有类 top2 的元素，其中父元素是具有类 top1 的元素。

.top2 h1.highlighted 表示 h1 元素具有 highlighted 类，其中父类具有 top2 类。