我有块级链接,其中包含其他具有不同颜色的块级元素。

我的问题是,一旦您访问了该链接,Google Chrome就会显示a:所访问的颜色,而不是他孩子的特定颜色。

我以jsfiddle为例:http://jsfiddle.net/yvesvanbroekhoven/UTwgU

您可以在Firefox和Google Chrome中看到区别。点击链接,然后标题和文本的颜色应为红色/绿色,但在Chrome浏览器中它们将变为紫色。

有任何想法吗?

最佳答案

这是无效的HTML。内联元素中不能包含块级元素。将链接放在其他标签内:

<h1>
    <a href="http://google.com" target="blank">Title</a>
</h1>
<p>
    <a href="http://google.com" target="blank">Intro text</a>
</p>

的CSS
h1 a  {
  color: red;
}

p a {
  color: green;
}

要设置访问链接的样式,请使用:
p a:visited{
    color: green;
}
h1 a:visited {
    color: red;
}

Demo here

关于css - Chrome浏览器中CSS块级链接颜色覆盖为默认值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7819319/

10-10 18:35
查看更多