css - 使用 CSS 覆盖跨度悬停

Question

我正在尝试更改跨度的悬停。出于某种原因，我需要对所有 <li> 使用相同的 ID包含我的跨度的标签，所以基本上我创建的所有跨度都具有相同的父 ID:

<li id="li_id">
    <span><a href="/some/link.html">Link title</a></span>
</li>
<li id="li_id">
    <span class="anotherlink"><a href="/another/link.html">Another Link title</a></span>
</li>

我已经检查了如何使用类覆盖 id，类似于这个: Can I override a #id ul li behaviour with a class definition ，但我似乎无法让它们工作。

CSS:

#primary_nav #home li#li_id>span:hover {
    background-image: url(this_image.png);
}

//This is for my first link
#primary_nav #home li#li_id .anotherlink >span:hover {
    background-image:url(another_image.png);
}

//This is for the other link.

我的语法正确吗？它现在似乎不起作用，我不知道其他链接的 CSS 是否真的正确。

注意:我知道这样做似乎有点奇怪，因为这个过程应该是相反的(1 个类，不同的 ID)，但我基本上做的是针对现有网站，我愿意做一些像这样的非正统修复，因为我们要用一个新网站替换整个网站，所以我只需要确保这个网站得到更新，直到替换网站到达。

Answer 1

使用两个 CSS ID 是不正确的。它们应该是独一无二的。如果您想多次使用样式，请使用类。永远记住这一点，类用于多种用途，ID 用于单一、唯一的用途。