sIFR non si applica ai bambini in lista

Question

Non sono in grado di rimuovere i proiettili in liste non ordinate nidificate dopo è stato applicato sIFR. Ho experinced questo su un sito web stavo creando.

Ho cercato di creare una base HTML scheletro e applicare la sIFR di capire facilmente come rimuovere proiettili bambino, ma non ha funzionato neanche qui.

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

mi sembra di non essere in grado di fare riferimento alle interiori di UL in alcun modo. Ho provato diversi selettori, tra cui:

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

fissi avvolgendo il testo in un arco e sIFR campata. Normale CSS può quindi essere utilizzato per rimuovere i proiettili nella lista.

    <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

Hai provato sempre più specifiche sul CSS?

Come se gli anni li vengono disegnate da un elemento padre, allora dovete includere tale elemento principale nella dichiarazione CSS di ignorare che - e si potrebbe sono state cercando di attaccare lo stile da solo credo. Provare qualcosa di simile: genitore stile bambino bambino bambino {}

o qualsiasi altra cosa di cui ha bisogno per sovrascrivere esso.