有没有一种方法可以覆盖;h6";使用链接';什么是CSS?

有没有一种方法可以覆盖;h6";使用链接';什么是CSS?,css,overriding,hyperlink,nested,Css,Overriding,Hyperlink,Nested,在给定的容器中,我有一组链接,其中包含另一个元素,如下所示: <div class="container"> <a href="whatever.com"> <h6>Link Text Here</h6> </a> </div> 但是,还有其他外部样式表将“h6”的颜色设置为其他颜色。有没有一种方法可以让“容器”中链接的CSS覆盖其他人为“h6”添加的内容?我不想覆盖“容器”中的所有

在给定的容器中,我有一组链接,其中包含另一个元素,如下所示:

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

但是,还有其他外部样式表将“h6”的颜色设置为其他颜色。有没有一种方法可以让“容器”中链接的CSS覆盖其他人为“h6”添加的内容?我不想覆盖“容器”中的所有“h6”,因为有些“h6”标记不是链接。

我想您可以使用!重要的是要提供覆盖

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

我想你可以用这个!重要的是要提供覆盖

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

如果您一直在链接中使用h6,我会设置嵌套在A标记中的h6元素的样式。CSS如下所示:

.container a h6 {color:666;}
.container a h6 {
    color: inherit;
}

这告诉CSS查看容器类,找到链接,并在a标记内仅设置h6的样式。

如果在链接中始终使用h6,我将设置嵌套在a标记中的h6元素的样式。CSS如下所示:

.container a h6 {color:666;}
.container a h6 {
    color: inherit;
}

这是告诉CSS查看容器类,找到链接,并在a标记中只设置h6的样式。

我认为,我可能是错的,您正在寻找这样的内容:

.container a h6 {color:666;}
.container a h6 {
    color: inherit;
}
这样做的好处是,无论您为包含的
指定了什么颜色,都将级联到h6,而无需显式设置它。这样,您只需声明一次颜色。易于维护和可读性。耶


(这将适用于IE8+)

我想,我可能是错的,你正在寻找这样的东西:

.container a h6 {color:666;}
.container a h6 {
    color: inherit;
}
这样做的好处是,无论您为包含的
指定了什么颜色,都将级联到h6,而无需显式设置它。这样,您只需声明一次颜色。易于维护和可读性。耶


(这将在IE8+上起作用

不会
.container a h6{…
起作用吗?您的CSS加载是在其他CSS之前还是之后?您知道这种语法(
a
标记中的块元素)仅在HTML5中有效,对吗?不会
.container a h6{…
起作用吗?您的CSS加载是在其他CSS之前还是之后?您知道这种语法吗(块
a
标记内的元素)只有在HTML5中才有效,对吗?h6标签上不可能已经有颜色了,这会被忽略吗?这就是为什么你需要!重要?当然可以,但你可以避免使用!重要,只要你将链接h6减速置于第一个h6减速之下。我个人尝试使用!重要作为最后的结果这里是h6标签上的颜色,这将被忽略?这就是为什么你需要!重要?当然可以,但你可以避免使用!重要,只要你将链接h6减速置于第一个h6减速之下。我个人尝试使用!重要作为最后的结果在“a”标签上结合“!重要”和“h6”标记上的“inherit”起了作用——谢谢“a”标记上的“!important”和“h6”标记上的“inherit”的组合起了作用——谢谢