CSS 不同类

Question

我需要改变这个元素的颜色

<div class="box download">
    <div class="box-inner-block">
        <a href="" target="_blank" rel="noopener">Plugin Windows</a>
    </div>
</div>

我从 CSS 调用 a:

.download.box-inner-block a {
    color: white!important;
}

但是它不起作用，为什么？我只需要为 .download 中的 .box-inner-block 中的元素使用这种颜色。

Answer 1

这就是您在问题中所理解的内容吗？

如果是这样，您需要仔细观察缩进和构建 css 的方式。

正如您在我的代码片段中看到的，我在以下代码之间添加了一个空格: .download .box-inner-block 一个 为了使这项工作。

您还可以从您的 css 中删除 !important，因为在这种情况下它不会有用。如果你需要它，不要忘记在 white 和 !important

之间添加一个空格

.download {
    background-color: black;
}

.download .box-inner-block a {
    color: white;
}

<div class="box download">
  <div class="box-inner-block">
    <a href="" target="_blank" rel="noopener">Plugin Windows</a>
  </div>
</div>