1

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

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

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

.container a {
    color: #00f;
}

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

4

4 回答 4

1

我想你可以使用 !important 来提供覆盖。

   .container a h6
    {
       color: red !important;
    }
于 2012-04-17T16:50:51.250 回答
0 
.container a,
.container a h6 {
    color: #00f;
}
于 2012-04-17T16:50:39.457 回答
0

如果您一直在链接中使用 h6，我会为嵌套在 A 标记中的 h6 元素设置样式。CSS 看起来像这样：

.container a h6 {color:666;}

这是告诉 CSS 去查看容器类，找到链接，并且只设置 a 标签内的 h6 样式。

于 2012-04-17T16:53:31.997 回答
0

我认为，我可能是错的，你正在寻找这样的东西：

.container a h6 {
    color: inherit;
}

这样做的好处是，你给包含的任何颜色都<a>将向下级联到 h6，而无需显式设置它。这样，您只需声明一次颜色。更易于维护和可读性。耶！

（这将适用于 IE8+）

于 2012-04-17T16:59:26.317 回答