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

您是否尝试过更具体地了解 CSS？

就像如果 li 是由父元素设置样式一样，那么您必须在 CSS 声明中包含该父元素才能覆盖它 -
我认为你可能一直在试图攻击这种风格本身。
尝试类似的方法：
父子子子子样式{}

或覆盖它所需的任何样式。

Answer 2

通过将文本包装在跨度中并 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>