Couleur de la police de l'en tête différente selon la page

Bonjour,

Vu que c'est un groupe où l'on peut échanger sur le développement HTML/Css j'ai une question ça fait plusieurs jours je suis dessus. Je cherche à développer un site, mais j'ai un problème avec la couleur de la police de l'entête. Je souhaite que la couleur soit blanche avec la page accueil, et noire avec les autres pages. Pensez-vous qu'il existe un moyen d'activer ou désactiver un "id" selon la page où l'en tête se trouve ?

Merci

Cordialement

Mon code actuel

/
Menu classique CSS
*/

.btn-menu {
float:left;
height: auto;
width: auto;
border-right: 30px solid transparent;
text-align: center;

a {
padding: 0;
top: 0px;
left: 20px;;
position: relative;


&:after {
display: inline-block !important;}}}

a {
font-family: "Montserrat";
text-decoration: none;
color: black;
}


/
La police de l'en tête doit être de couleur blanche seulement sur la page d'acceuil
*/

#Menu-index {

a{color: white;}}


C'est la dernière partit où je bloque
Je cherche un moyen pour que #menu-index, ne soit actif que sur l'index (la page accueil), et non sur les autres pages
Modifié par Marshall45 (26 Jul 2019 - 19:17)

Sinon tu peux passer par des classes ?

Dans une page tu met une class

<span class="color-white">


et dans les autres pages

<span class="color-black">

comme ça pas besoin de toucher aux ID

Ou en javascript, lors du click sur le menu, tu ajoutes ou supprime la classe en question sur l'élement sur lequel tu as cliqué. ou alors toujours en js, tu cherche dans l'url le param qui te dit que tu es sur l'accueil ou le page 1 ou la page contact etc... et suivant tu coloris le bon élément.
Modifié par JENCAL (29 Jul 2019 - 12:05)