試圖讓雪碧工作 - 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