Mise à jour de la couleur de l'intervalle sur un vol stationnaire

Question

Je tente de mettre à jour la couleur de l'étendue en vol stationnaire, mais je suis incapable de le faire. Je suis capable de mettre à jour la couleur de fond, la taille, etc. cependant je suis incapable de mettre à jour la couleur de police.

HTML

<div class="subcategories"> 
    <span class="subcategory"> 
     <a class="badge-wrapper box" href="/c/anybus/anybus-embedded"> 
      <span class="badge-category-bg" style="background-color: #808281;"></span> 
      <span style="color: #FFFFFF;" data-drop-close="true" class="badge-category clear-badge">My Span Text</span> 
     </a> 
    </span> 

CSS J'essaie d'utiliser:

.subcategories .subcategory a:hover span{ 
    color: #6D6D6D; 
} 

Answer 1

Votre CSS en ligne est prépondérant la couleur. Supprimez le CSS en ligne ou ajoutez l'étiquette importante dans votre feuille de style.

Cela fonctionnera: Bien qu'il soit préférable de ne pas utiliser le CSS en ligne, je vous conseille de le sortir de votre code HTML.

.subcategories .subcategory a:hover span{ 
    background-color: #6D6D6D; 
    color: red !important; 
} 

Answer 2

La raison pour laquelle sa ne fonctionne pas parce que vous avez des styles en ligne sur la durée

<span style="color: #FFFFFF;"

Vous pouvez corriger cela en utilisant! Important dans votre css

.subcategories .subcategory a:hover span{ 
    color: #6D6D6D !important; 
} 

Answer 3

Retirez le suivant le style en ligne, alors votre vol stationnaire fonctionnera.

style="color: #FFFFFF;" 

Au lieu de cela, le style CSS comme ceci:

.subcategories .subcategory a span{ 
    color: #ffffff; 
}