繼承superfish兒童的文本縮進

Question

我試圖用圖像而不是文本替換我的網站的頂級導航。到目前爲止，我擁有這個功能，它將文本隱藏在屏幕外併爲特定菜單項目放置圖像。

#menu-item-982 a { background: url('image.png'); text-indent: -9999px; }

的問題是，作爲一個結果是，快魚子菜單項，其中沒有自己單獨的圖像，但只是普通的文本菜單項，都繼承了text-indent屬性。

使用以下操作不會重置子文本縮進。

.sub-menu li a { text-indent: 0px; }

總之，我怎麼能在一個快魚菜單的頂級使用的圖像，同時使用文本菜單的第二和第三級飛奏？

Answer 1

請嘗試將.sub-menu li a更具體

這裏是關於特異性的偉大的職位：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

或者

嘗試使用重要！對於該CSS屬性

.sub-menu li a { text-indent: 0px !important; }