【发布时间】:2014-05-31 00:46:53
【问题描述】:
我有一个非常奇怪的错误。我有一个 css 类,我将其应用于无序列表的所有列表项。在 chrome 中,一切正常。然而,在 Firefox 中,一些列表项应用了该类,而有些则没有。更重要的是,当我用 firebug 检查计算的 css 时,我看到在某些项目上,类没有被计算,但它们看起来确实如此(它们具有类定义的颜色、字体等)。而在其他项目上,它既不加载也不计算也不应用。
.menu-item > a:visited {
background-color: #006890;
color: #FFF !important;
}
<ul>
<li class="menu-item"> <a href="something"> link </a> </li>
<li class="menu-item"> <a href="something"> other link </a> </li>
</ul>
当我单击将我重定向到某个地方的链接时,该类未应用,并且链接看起来相同
【问题讨论】:
-
给定的样式仅适用于指向您已使用当前浏览器访问过的 url 的链接。 (我没有对你投反对票)。当您希望将样式应用于列表的所有项目时,可以使用此选择器:
.menu-item > a -
定位
a:visited只会将样式应用于访问过的锚点 -
是的,我知道,但即使在单击链接后也没有应用任何内容。我的错,应该指出这一点
标签: html css firefox cross-browser