Css firefox上的第n个孩子

在本网站上：

我使用以下方法设计了右侧边栏导航：

---

---

在Firefox 3.6.17中，它呈现如下：

<ul>
    <li>
        <a href=""></a>
    </li>
</ul>

（只需片刻即可加载…我是这里的新手，因此无法发布屏幕截图）

尽管根据Canius的说法 从3.5开始应该支持这些伪类

更麻烦的是，我正在使用我们大学的内容管理系统。这是一个木兰系统。我99%肯定我不能改变头部来插入javascript

所以有三个问题：

有没有一个css补丁我可以用来让这些伪类在这个和附近的Firefox版本中工作

有塑料袋吗

如果是这样的话，鉴于我无法访问html头部，我在哪里可以插入这样的多边形填充

非常感谢。当然，我只是注意到了这一点（它并没有出现在浏览器快照中，我只是在对同事的机器进行随机测试时偶然发现的）。该网站将于明天向大学直播

耶

---

吉尔

我相信这个问题与Firefox 3.6不喜欢你在ul标签中的锚中有li标签有关，而不是你的CSS。它似乎试图自动修复您的标记结构，然后破坏您的CSS

从FF 3.6中查看以下屏幕截图，您将看到您的锚定标签正在复制：

FF 3.6

---

现在看一看Chrome的屏幕截图，我在其中重新创建了FF 3.6呈现的错误标记：

铬

这可能是您的CMS如何为FF 3.6提供标记的问题，但我对此表示怀疑。我的钱是在FF上看到非语义标记并尝试为您“修复”它

如果您必须保留所使用的标记，那么您可以尝试为firefox 3.6寻找CSS黑客，甚至使用类似的浏览器嗅探库

但是，我建议您调整CSS以使用更像这样的标记：

<ul>
    <li>
        <a href=""></a>
    </li>
</ul>

---

如果标记没有按预期的方式组织，一些浏览器会尝试为您“修复”标记，并且这种结构更具语义

狂野的。那么，FF3.6似乎正在更改HTML以确保锚标记不跨越列表标记？这是不是公平的游戏，以确保整个按钮是积极的，而不是只有文字？我这样做是为了在手机上，更大的区域是活动的。也就是说，我想我会尝试整个导航而不使用列表。老实说，我不喜欢使用列表作为导航，但我的团队中有大多数人坚持这样做。虽然有一个跨越div的锚标签可能是不安全的。我在哪里能找到这些东西？我把列表元素改成div，它在FF上非常有效！但是在9-11上看起来有点糟糕。不过还是适合居住。