Question

对于下面的HTML列表，我只需要将背景图像添加到外部列表的LI中。（又名类菜单“mlid-594 dhtml-menu扩展开始折叠”）

HTML代码是：

<li class="menu-mlid-594 dhtml-menu expanded start-collapsed ">
    About the Collection
    <ul class="menu">
        <li class="leaf first dhtml-menu ">By Theme</li>
        <li class="leaf last dhtml-menu ">By Individual</li>
    </ul>
</li>

我该怎么做？

感谢。

Answer 1

li.menu-mlid-594 { your css rules here }

以上内容仅适用于具有类menu-mlid-594

的li元素

Answer 2

很难说什么可以用这么少的上下文信息，但一般来说你通常需要依赖级联规则：

#outerULIdentifier li {
    background-image: url('someImage.jpg');
}
#outerULIdentifier li li {
    background-image: none;
}

我在这里假设您可以参考最外层UL上的ID或类。或者，您可以执行以下操作：

li.dhtml-menu {
    background-image: url('someImage.jpg');
}
li.dhtml-menu.leaf {
    background-image: none;
}

虽然后一版本在IE 6中可能有问题（它不能很好地支持CSS选择器中单个元素上的多个类）。

Answer 3

ul li {background:#F00;} /* First level */
ul li li {background:#FFF;} /* Second level */

如何使内部UL列表不从CSS中的外部UL列表继承

3 个答案: