sIFR不适用于列表中的子项

Question

在应用sIFR之后，我无法删除嵌套的无序列表中的项目符号。我在我创建的一个网站上体验到了这一点。

我试图创建一个基本的HTML框架并应用sIFR来轻松地确定如何删除子项目符号，但它在这里也不起作用。

<ul>
    <li>Option 1</li>
    <li>Option 2
        <ul id="menu">
            <li>Option 2-1</li>
            <li>Option 2-2
                <ul>
                    <li>Option 2-2-1</li>
                    <li>Option 2-2-2</li>
                    <li>Option 2-2-3</li>
                </ul>
            </li>
        <li>Option 2-3</li>
        </ul>
    </li>
</ul>

我似乎无法以任何方式引用内部的ul。我尝试了几个选择器，包括：

sIFR.replace(infinityt, {
  selector: 'li',
  css: ['.sIFR-root { list-style-type: none; list-style: none;  }', 'ul { list-style-type: none; list-style:none; }' ]
});

sIFR.replace(infinityt, {
  selector: '#menu',
  css: ['.sIFR-root { list-style-type: none; list-style: none; margin: 300px; }' ]
});

Answer 1

通过将文本换行到跨度中并对跨度执行sIFR修复。然后可以使用普通CSS删除列表中的项目符号。

    <ul>
        <li><span><a href="#">Option 1</a></span></li>
        <li><span><a href="#">Option 2</a></span>
            <ul>
                <li><span><a href="#">Option 2-1</a></span></li>

Answer 2

你有没有试着更详细地了解CSS？

例如，如果li的样式是由父元素设置的，那么您必须在CSS声明中包含该父元素才能覆盖它-我认为您可能一直在试图攻击样式本身。尝试如下所示:父子样式{}

或者任何它需要覆盖它的东西。