试图让雪碧工作 - CSS

Question

只是想获得一个非常简单的精灵工作：Example

我所试图做的切换是“设置”和“未设置”粗体/斜体图标它们之间在我的精灵的第一行和第二行（分别）。

<a id="bold" class="disabled"></a>  
<a id="italic"></a> 

代码似乎忽略了“禁用”类，因为我期望粗体未被设置（即具有黑色文本的白色背景）。

任何人都可以看到我做错了什么吗？

非常感谢您的帮助！

Answer 1

您提到过#bold .disabled这意味着元素中带有disabled类的元素，其ID为bold。

应该#bold.disabled作为其ID和相同的元素

#bold.disabled { 
    background-position: 0 -29px; 
} 

更新Fiddle