Dev Faq
0
votes

Comment ajouter une classe CSS active à l'élément de menu?

https://www.bootply.com/xzk3zrphjj

Dans cet exemple, pourquoi est la touche home code> non marquée rouge? p>

p> 

<nav class="navbar navbar-expand-lg">
  <div class="collapse navbar-collapse">
    <div class="nav navbar-nav">
      <a href="/index.php" class="active">Home</a>
      <a href="#">Links</a>
      <a href="#">About</a>
    </div>
  </div>
</nav>

1 commentaires

Juste un typo: a.acact au lieu de / en plus de A: actif .

4 Réponses :

-1
votes

Je pense que cela devrait être comme ceci: xxx

0 commentaires
2
votes

Vous n'utilisez pas A: actif code> mais a.acactive code>

: après code> est une classe de pseudo. Mais vous souhaitez sélectionner A CODE> TAGS QUI a aussi STRY> .ACTIVE CODE> CLASSE. P>

P> 

<nav class="navbar navbar-expand-lg">
  <div class="collapse navbar-collapse">
    <div class="nav navbar-nav">
      <a href="/index.php" class="active">Home</a>
      <a href="#">Links</a>
      <a href="#">About</a>
    </div>
  </div>
</nav>

0 commentaires
1
votes

Utilisez le CSS Sélecteurs de classe

Le sélecteur de classe CSS correspond à des éléments basés sur le contenu de leur attribut de classe. p> blockQuote>

p> 

<nav class="navbar navbar-expand-lg">
  <div class="collapse navbar-collapse">
    <div class="nav navbar-nav">
      <a href="/index.php" class="active">Home</a>
      <a href="#">Links</a>
      <a href="#">About</a>
    </div>
  </div>
</nav>

0 commentaires
0
votes

Pourquoi n'est-ce pas actif, mais avec une classe active

au lieu de A: actif Utiliser .acacacer Pour référence, dans ce cas, vous pouvez également en savoir plus sur le sélecteur ici

0 commentaires

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor