我有块级链接,其中包含其他具有不同颜色的块级元素。
我的问题是,一旦您访问了该链接,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/