css - 有没有办法使用链接的 CSS 覆盖链接中 "h6"标签的 CSS？

Question

在给定的容器中，我有一堆与其中另一个元素的链接，如下所示:

<div class="container">
     <a href="whatever.com">
          <h6>Link Text Here</h6>
     </a>
</div>

我有 CSS，我想用它来格式化“容器”类中的所有链接:

.container a {
    color: #00f;
}

但是，还有其他外部样式表将“h6”的颜色设置为其他颜色。有没有办法让我的“容器”中链接的 CSS 覆盖其他人为“h6”放置的任何内容？我不想覆盖“容器”中的所有“h6”，因为有些“h6”标签不是链接。

Answer 1

我认为您可以使用 !important 来提供覆盖。

   .container a h6
    {
       color: red !important;
    }