sIFR ne s'applique pas aux enfants de la liste

Question

Je ne parviens pas à supprimer des puces dans des listes non ordonnées imbriquées après l'application de sIFR. J'ai expérimenté ceci sur un site Web que je créais.

J'ai essayé de créer un squelette HTML de base et d'appliquer le sIFR pour trouver facilement comment retirer des balles enfants, mais cela n'a pas fonctionné ici non plus.

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

Je semble être incapable de faire référence aux ul internes de quelque façon que ce soit. J'ai essayé plusieurs sélecteurs, y compris:

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

Fixé en enveloppant le texte dans une plage et sIFR la plage. Normal CSS peut ensuite être utilisé pour supprimer des puces dans la liste.

<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

Avez-vous essayé d'obtenir plus de spécificités sur le CSS?

Comme si les li sont stylisés par un élément parent, vous devez inclure cet élément parent dans la déclaration CSS pour le remplacer - et vous auriez pu essayer d'attaquer le style par lui-même je pense. Essayez quelque chose comme: parent enfant enfant enfant style {}

ou tout ce dont il a besoin pour l'écraser.