sIFR nicht auf Kinder in der Liste anwenden

Question

Ich kann keine Kugeln in verschachtelten ungeordneten Listen entfernen, nachdem sIFR angewandt wurde. Ich experinced dies auf einer Website Ich war zu schaffen.

Ich habe versucht, eine einfache HTML-Skelett zu schaffen und die sIFR gelten leicht, herauszufinden, wie Kind Kugeln zu entfernen, aber es hat nicht hier arbeiten.

<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>

Ich scheine nicht in der Lage sein, die innere ul die in irgendeiner Weise zu verweisen. Ich habe mehrere Selektoren ausprobiert, darunter:

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

Fixed durch den Text in einer Spanne und sIFR die Spannweite gewickelt wird. Normaler CSS kann dann verwendet wird Kugeln in der Liste zu entfernen.

    <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

Haben Sie versucht, auf dem CSS spezifischere bekommen?

Wie, wenn die Li durch ein übergeordnetes Element gestylt werden, dann müssen Sie diese übergeordnete Element in der CSS-Deklaration enthalten sie außer Kraft zu setzen - und Sie könnten versucht haben, den Stil von selbst angreifen, denke ich. Versuchen Sie so etwas wie: Eltern-Kind-Kind Kind Stil {}

oder was auch immer es braucht, um es zu überschreiben.