Javascript superfish子对象中的文本缩进继承

Javascript superfish子对象中的文本缩进继承,javascript,css,superfish,Javascript,Css,Superfish,我正试图用图像而不是文本来取代我网站的顶级导航。到目前为止,我已经有了这个功能,它将文本隐藏在屏幕外,并为特定菜单项显示图像 #菜单项-982 a{ 背景:url('image.png'); 文本缩进:-9999px; } 问题在于,结果是superfish中的子菜单项继承了文本缩进属性,它们没有自己的单独图像,只是常规文本菜单项 使用以下命令不会重置子文本缩进 。子菜单LIA{ 文本缩进:0px; } 简言之,如何使用superfish菜单顶层的图像,同时使用第二级和第三级弹出菜单的文本菜单?

我正试图用图像而不是文本来取代我网站的顶级导航。到目前为止,我已经有了这个功能,它将文本隐藏在屏幕外,并为特定菜单项显示图像

#菜单项-982 a{
背景:url('image.png');
文本缩进:-9999px;
}

问题在于,结果是superfish中的子菜单项继承了文本缩进属性,它们没有自己的单独图像,只是常规文本菜单项

使用以下命令不会重置子文本缩进

。子菜单LIA{
文本缩进:0px;
}


简言之,如何使用superfish菜单顶层的图像,同时使用第二级和第三级弹出菜单的文本菜单?

尝试使您的
子菜单更加具体化

以下是一篇关于特殊性的文章:

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

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

使您的.li子菜单更具体或更重要!在这种风格的前面,这很简单,很明显。谢谢你想给我一个答案让我接受吗?