【问题标题】:FireFox not computing / applying certain cssFireFox 不计算/应用某些 css
【发布时间】: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 &gt; a
  • 定位 a:visited 只会将样式应用于访问过的锚点
  • 是的,我知道,但即使在单击链接后也没有应用任何内容。我的错,应该指出这一点

标签: html css firefox cross-browser


【解决方案1】:

您的样式仅适用于指向您已使用当前浏览器访问过的 url 的链接..

当你想要一个样式应用于列表的所有项目时,你可以使用这个选择器:.menu-item &gt; a

【讨论】:

  • 我只希望我的风格适用于访问过的链接。但即使点击链接后,样式也不会应用,这只发生在 Firefox 中
  • 你想要浏览器前缀,比如 --moz 然后
  • 我的样式和字体和背景前缀有关,firefox应该肯定支持的。
【解决方案2】:

已解决:由于安全原因,a:visited 在 Firefox 中已被禁用,这就是未应用该类的原因。

【讨论】:

    猜你喜欢
    • 2011-11-17
    • 1970-01-01
    • 2021-12-15
    • 1970-01-01
    • 2014-07-02
    • 2011-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多