Avertissements CSS-Les mêmes couleurs sont utilisées pour les couleurs et les couleurs de fond dans les 2 contextes

Question

J'essaie de valider mon code CSS. Je n'ai pas d'erreur, seulement un avertissement, mais je ne l'aime pas.

J'ai 100 avertissements, comme ce ceux:

45 Same colors for color and background-color in two contexts #search and div.main_text 
45 Same colors for color and background-color in two contexts div.testinput and div.main_text 
45 Same colors for color and background-color in two contexts #submit and div.main_text 
221 Same colors for color and background-color in two contexts div.test input and #index_be 
221 Same colors for color and background-color in two contexts #login_submit and 


div.main_text { 
    color: #a3986d; 
} 

#search { 
    background-color:#a3986d; 
} 

Que dois-je faire avec ça?

Answer 1

Ignorez-le. Pourvu que vous n'avez jamais le code HTML comme ceci:

<div id="search"> 
    <div class="main_text"> 
    Hello! 
    </div> 
</div> 

tout ira bien. Si vous avez un balisage comme celui-là, alors le contenu du div avec la classe main_text aura une couleur de fond #a3986d et une couleur de premier plan de #a3986d, donc le texte ne s'affichera pas.

Le fait qu'il existe une telle combinaison n'est pas un problème, sauf si vous utilisez cette combinaison.

Answer 2

Pour la même action dans CSS, vous pouvez utiliser le modèle suivant. note que avec le code suivant changer tous les classe ou les ID mentionnés alors soyez prudent lorsque vous faites cela.

donc à appliquer l'une ou l'attribut plusieurs à une grande variété de classes ou les ID les séparer VIRGULE comme:

.MyFirstClass, #YourFirstID, div, span 
{ 
    /*any attribute you like to share with all of them*/ 
    color : black; 
    background-color: #ebebeb; 
} 

Vous devez supprimer tous 221 (ou tout autre même numéro) attribut de tous de 221 classes et juste les appliquer dans une série de classes. (il est préférable de le faire dans le haut de votre classe CSS qui chaque fois que vous changez une même propriété dans la classe exacte, votre changement s'applique