Je veux être capable de marquer l'un de mes liens sur chaque page avec une classe active et que le texte sur elle, tournez-vous en noir et être souligné. Je court le code sur chrome et j'ai essayé via un serveur en direct et de manière native chrome.
Je ne peux pas comprendre logiquement pourquoi il ne me laissera pas changer la couleur de cette façon. p>
p>
<!-- example.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="estyles.css">
</head>
<body>
<ul class="nav">
<li class="active"><a href="example.html">Example</a> </li>
<li><a href="example1.html">Example1</a></li>
</ul>
</body>3 Réponses :
Vous pouvez essayer ceci:
.active a {
color: black !important;
}
Non, recommander l'utilisation de ! Important n'est pratiquement jamais la meilleure solution
Je ne peux pas être en désaccord avec toi mais c'est toujours une solution
Merci pour l'aide, c'est vraiment apprécié - je ne savais pas que vous pouvez déclarer une importance comme ça :)
Comme je l'ai mentionné dans mon commentaire, c'est la spécificité de vos sélecteurs qui est le problème. Changez votre p> .active A code> sélecteur sur li.acactive A code>:
<ul class="nav">
<li class="active"><a href="example.html">Example</a> </li>
<li><a href="example1.html">Example1</a></li>
</ul>
C'est trié le problème, j'apprécie que vous preniez le temps d'expliquer les meilleures pratiques
Une autre approche utiliserait un sélecteur enfant (>) avec le sélecteur d'attributs p> .active> a [href] code>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="estyles.css">
</head>
<body>
<ul class="nav">
<li class="active"><a href="example.html">Example</a> </li>
<li><a href="example1.html">Example1</a></li>
</ul>
</body>
Votre règle .nav Li A est plus spécifique que votre règle
.active A et prend donc la priorité sur elle. Lisez à propos de la spécificité CSS chez développeur.mozilla.org/en-us/docs / Web / CSS / SpécificitéMerci, pour fournir un pointeur aux ressources pertinentes.