只針對我的圖像精靈通過CSS

Question

好吧，對不起...這是一個基本的CSS問題，但它讓我瘋狂。我是自學成才的，所以我確信我只是缺少一些簡單的東西。

網站：http://notes.benadelt.com

標誌圖像精靈只是一個主頁鏈接...我試圖刪除背景顏色，你可以看到的是破壞了圖像的透明度：

<a class="ben-logo" href="/"></a> 

您可以看到CSS爲該節中的任何鏈接指定了一個淺色背景色，該背景色也應用於圖像精靈。我試圖從我的圖像中刪除背景顏色，但不是從正文鏈接中刪除，並且無法弄清楚。使用開發工具，我可以只使用影響風格：

header .words a { background: none; } 

但是，這顯然將刪除所有鏈接的背景，所以它也去除了精靈我的圖像背景。

覺得那裏會是這樣我可以在後臺網址後加上要做到這一點，如：

background: url(http://www.benadelt.com/notes/wp-content/uploads/2013/04/Ben-Logo-Sprite.svg) none; 

當你徘徊，它看起來像我希望它通常看起來無織補的背景色。

任何幫助，將不勝感激！

本

Answer 1

header .words a.ben-logo { background-color: transparent; }

上面的代碼將只針對該標誌鏈接。通過將背景色設置爲透明，您可以保持圖像本身（以及所有其他背景屬性！）完好無損。

編輯：有一件事 - 我相信你已經在該背景圖像上透明設置，因爲沒有指定顏色（透明是默認設置）。您的情況可能發生的情況是a.ben-logo聲明出現在樣式表中的.words a聲明之前，因此它被覆蓋。上面的代碼應該解決這個問題的原因是因爲額外的類名增加了更多的特殊性。這裏是安迪克拉克的特異性備忘單供您閱讀：http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg