这是我的代码:css部分
.blue {
color:#6E99E1;
font-size:9px;
}
标记部分
::CLICK HERE:: to view our New Equipment inventory.
我现在以某种方式触发了一些阻止"a"标签继承父标签颜色(此处为"span")的东西.
只是其他回复的附录,如果您希望您的标签继承您父母可以使用的颜色
a {color: inherit; }
默认情况下,如果存在href属性,则锚标记不会继承像颜色这样的属性.
在页面上查看这两者之间的区别(我不知道如何在帖子上显示它):
test
test
以下链接是w3 c:
http://www.w3.org/TR/html401/struct/links.html#h-12.2
用户代理通常以这样的方式呈现链接以使其对用户显而易见(下划线,反向视频等).确切的渲染取决于用户代理.渲染可能会根据用户是否已访问过该链接而有所不同.
.....
通常,当A仅定义锚点时,A的内容不会以任何特殊方式呈现.
我打算将此作为评论发布,但它有点长篇大论......所以这是对问题的回答以及对Kevin的回答及其评论的回复.
锚标签是否继承颜色,链接与否.他们在实践中没有的唯一原因是因为他们已经在浏览器的默认样式表中设置了颜色.对于链接的下划线也是如此(我认为,你没有注意到,因为你实际上想要它或者你自己已经改变了它).
在Firefox中,如果您切换"显示用户代理CSS"(或者您可以直接查看Firefox的内部样式表,您可以在Firebug中看到这一点.您可以在Webkit的Web Inspector和Opera的Dragonfly中看到浏览器的默认设置.我不知道我认为你可以在IE浏览器中.
我不知道任何浏览所有浏览器默认值的网站.CSS2的"信息性" HTML4样式表以及YUI重置样式表将是一个很好的起点,但它们都没有提到任何(链接)颜色(HTML4样式表确实提到了下划线).
要找出一般继承的属性,可以使用CSS2引用属性索引表(请参阅"继承?"列).SitePoint还在其CSS引用中提到它.
因此,如果您想确保您的链接从其父级而不是浏览器的默认样式表继承其颜色,那么理想情况下应该执行以下操作:
.blue a:link {
color: inherit;
}
你可以将其设置为不同的伪类分开(这样:visited
,:hover
和:active
也),或在a
标签完全.
但是,IE6和IE7不支持inherit
关键字,因此如果您也想支持它们,则必须明确设置颜色.
我认为a
默认情况下不会继承颜色.(当然,它一直在我的网站上运行).为什么不改变
.blue { color:#6E99E1; font-size:9px; }
至
.blue, .blue a{ color:#6E99E1; font-size:9px; }