-1
votes

Comment attraper une icône de font-génère dans la balise LI qui est le premier enfant

Les dossiers aaa code> BBB code> CCC code> et ddd code> sont les répertoires principaux de cette structure HTML. Comment puis-je désactiver (afficher; Aucun) L'icône Font-Icône pour les annuaires principaux uniquement? Pour les annuaires principaux, l'icône ne doit pas apparaître PS: Je ne peux pas changer le nom de classe car sa génie de manière dynamique pour tous les balises li code>! Ceci est mon HTML:

<ul>
    <li class="treeview"><i class="fas fa-level-up-alt"></i>aaa</li>
    <li class="treeview"><i class="fas fa-level-up-alt"></i>bbb</li>
    <li class="treeview"><i class="fas fa-level-up-alt"></i>ccc
       <ul>
           <li class="treeview"><i class="fas fa-level-up-alt"></i>subccc</li>
       </ul>
    </li>
    <li class="treeview"><i class="fas fa-level-up-alt"></i>ddd
       <ul>
           <li class="treeview"><i class="fas fa-level-up-alt"></i>subddd</li>
       </ul>
    </li>
</ul>

css css-selectors

0 commentaires

3 Réponses :

2
votes

Vous pouvez envisager 2 sélecteurs pour obtenir ceci:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<ul>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>aaa</li>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>bbb</li>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>ccc
    <ul>
      <li class="treeview"><i class="fas fa-level-up-alt"></i>subccc</li>
    </ul>
  </li>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>ddd
    <ul>
      <li class="treeview"><i class="fas fa-level-up-alt"></i>subddd</li>
    </ul>
  </li>
</ul>

0 commentaires

0
votes

Cela devrait faire le truc:} xxx

espère que cela ait aidé!

0 commentaires

2
votes

Ce que je recommanderais de faire consiste à utiliser le Combinateur enfant (> code>) strong> pour définir Affichage: Aucune code> au niveau supérieur ( ul> li> .fas code> ) Les icônes, puis utilisent également Spécificité CSS ajouter en outre un sélecteur fort> plus spécifique strong> pour les éléments abaissez la hiérarchie.

Bien que les deux sélecteurs ciblent réellement les icônes enfants, car il existe un sélecteur plus spécifique appliqué qui définit les icônes comme visibles Encore une fois, ces éléments apparaîtront. P>

Ceci peut être vu dans ce qui suit: p>

p>



<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"/>

<ul>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>aaa</li>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>bbb</li>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>ccc
    <ul>
      <li class="treeview"><i class="fas fa-level-up-alt"></i>subccc</li>
    </ul>
  </li>
  <li class="treeview"><i class="fas fa-level-up-alt"></i>ddd
    <ul>
      <li class="treeview"><i class="fas fa-level-up-alt"></i>subddd</li>
    </ul>
  </li>
</ul>

0 commentaires