试图让Sprite工作 - css

时间:2013-07-22 17:13:24

标签: css sprite css-sprites

只是想让一个非常简单的精灵工作:Example

我要做的是在我的精灵(分别)的第一行和第二行中的“set”和“unset”粗体/斜体图标之间切换。

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

代码似乎忽略了“禁用”类,因为我希望粗体不被设置(即具有黑色文本的白色背景)。

有人能看出我做错了吗?

非常感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

您提到了#bold .disabled,这意味着在ID为disabled的元素中包含类bold的元素。

它应该是#bold.disabled作为同一元素的id和类

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

更新了Fiddle