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范围内修复。然后，正常CS可以用于删除列表中的子弹。

    <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是由父元素对LI的样式一样，您必须在CSS声明中包含该父元素才能覆盖它 - 我认为您本来可以尝试攻击该样式。尝试类似的东西：父母孩子孩子样式{}

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