父子类之间的CSS继承

Question

我正在寻找一些代码改进，我想知道一些事情。我有这个代码结构:

<div class="container exports">
    <div class="row">
      <form>
        <fieldset>
          <legend class="title">Export to .csv files</legend>
              ...
        </fieldset>
      </form>
    </div>
</div>

我想将默认定义为白色的图例颜色更改为黑色。但我不想影响其他传说。

所以在我的 CSS 代码中，我有这个:

legend {
    color: black;
}

它会改变所有图例的颜色。

但是当我写这个的时候:

.exports legend.title {
    color: black;
}

它不应用我的黑色特定图例。

为什么？

Answer 1

对我来说，您的代码应该可以工作(例如蓝色)。

你必须有另一个属性覆盖这个。你能检查一下吗？

.exports legend.title {
    color: blue;
}

<div class="container exports">
    <div class="row">
      <form>
        <fieldset>
          <legend class="title">Export to .csv files</legend>
              ...
        </fieldset>
      </form>
    </div>
</div>