javascript - super 鱼 child 的文本缩进继承

Question

我正在尝试用图像而不是文本替换我网站的顶级导航。到目前为止，我有这个，它将文本隐藏在屏幕外并为特定菜单项放置图像。

#menu-item-982 {
背景: url('image.png');
文本缩进:-9999px；
}

问题是，superfish 中的子菜单项没有自己的独立图像，只是常规的文本菜单项，因此继承了文本缩进属性。

使用以下内容不会重置子文本缩进。

.sub-menu li a {
文本缩进:0px；
}

简而言之，如何在 superfish 菜单的顶层使用图像，而在二级和三级弹出菜单中使用文本菜单？

Answer 1

试着让你的.sub-menu li更具体

这是一篇关于特异性的好文章:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

或者

尝试使用重要!对于那个 css 属性

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