Question

将CMS用于网上商店。该平台目前正在为这样的菜单生成一个列表：

<ul class="menu">
<li class="item*">
  Category 1
    <ul class="level 1">
        <li class="item*">Item 1</li>
        <li class="item*">Item 2</li>
        <li class="item*">Item 3</li>
    </ul>
</li>
<li class="item*">Category 2</li>
<li class="item*">Category 3</li>
</ul>

我想在此列表中添加项目符号，并考虑使用li:before并拥有内容：url（image.png）。

问题是我想为“分类”和“项目”提供不同的图像我该如何解决这个问题？

尝试了ul.menu li:before但是选择了树中的所有li。在li上生成的类我没有mutch控制权。在li上生成的类类似于“项目1”“项目2”，依此类推

这可能与css一起使用，还是需要使用jquery？

Answer 1

您正在使用空间选择器来分配子弹图像，该图像会选择所有后代，因此也会将子弹图像添加到更深层次。

相反，请使用大于选择器来仅选择直接子项。像这样，你一次只能选择一个级别。

%x()

使用不同级别的不同图像的样式列表：在img之前

1 个答案: