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

通过将文本包装在span中并使用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>

sIFR不适用于列表中的儿童

2 个答案: