CSS在父类和子类之间继承

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

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

它会更改所有图例的颜色

但当我写这篇文章时：

.exports legend.title {
    color: black;
}

它不适用于我的黑色特定图例

---

为什么？

对我来说，您的代码应该可以工作（例如蓝色代码）

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

.exports legend.title{
颜色：蓝色；
}

导出为.csv文件
...

一个可能的错误可能是你在说

.exports legend.title { color: black; }

在通用图例颜色规范或其他css文件覆盖它之前。。。 你有两种方法：

将您的特定图例颜色置于通用颜色之后，或在您的css之后引用错误的css

使用

！重要信息

要覆盖所有规则（我不建议这样做，因为每次您要覆盖该规则时，都必须再次使用

！重要信息

）：

.exports legend.title{color:black！important；}

我试过这种方法。 .exports legend.title{color:#ff0000；}对我有效

。导出图例。标题{color:#ff0000；}

导出为.csv文件
...
导出为.csv文件
...

它不起作用。图例是在我的项目中的全局引导库中定义的。但在本地，我想做一些更改。你是否检查过，正如我所说（使用调试工具），没有其他属性覆盖这个属性？我如何使我的属性覆盖其他属性？正如Marco所说，你应该更精确地选择你的选择器，或者你可以将CSS放在其他属性之后。我不会告诉你使用“！important”，最好找到一个干净的方法来做这件事。（请参阅）问题中的代码按预期工作：。此处相同，它适用于给定代码。问题似乎出在其他地方。是否有其他样式覆盖此样式？在不知道我们无法帮助他的情况下：）

.exports legend.title { color: black; }