文本缩进继承在superfish儿童中

时间:2012-07-01 13:17:09

标签: javascript css superfish

我正在尝试用图片而不是文字替换我网站的顶级导航。到目前为止,我已将此文件隐藏在屏幕外,并为特定菜单项提供图像。

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

问题在于,因此,superfish中没有自己的单独图像但只是常规文本菜单项的子菜单项继承了text-indent属性。

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

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

简而言之,在使用文字菜单进行二级和三级飞行时,如何在超级鱼菜单的顶层使用图像?

1 个答案:

答案 0 :(得分:2)

尝试使.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; }