Lien vol stationnaire css ne fonctionne pas

HTMLLien vol stationnaire css ne fonctionne pas

<a class="topofpage" href="#top">TOP OF PAGE</a>

CSS

.topofpage{ 
    color: #C00;  
    text-decoration: none; 
} 

.topofpage a:hover{ 
    color: #FCO; 
    text-decoration: none; 
}

de la souris couleur n'est pas changé à #FCO

Source

2012-10-20 Alegro

Votre problème est simplement une confusion entre les zéros et la lettre «O».

Votre couleur est définie comme #FCO. Ce devrait être #FC0.

La lettre «O» n'est pas un chiffre valide dans les couleurs CSS. C'est pourquoi votre style ne fonctionne pas. Cela n'a rien à voir avec le fait qu'il soit plané ou non; c'est une simple faute de frappe.

Espérons que cela résout pour vous. :-)

Source

2012-10-20 19:30:08 Spudley

Non, la simple correction de la couleur ne fait pas fonctionner le CSS. – Guffa

Mais je pense que son sélecteur a aussi des problèmes ... –

Retirez l'élément d'ancrage dans votre CSS sur l'événement de vol stationnaire .

.topofpage:hover{ 
    color: #FC0; 
    text-decoration: none; 
}

Source

2012-10-20 19:15:57 intelis

J'ai enlevé le a et quitté '.topofpage: hover' - le même résultat. La couleur n'est pas changée. – Alegro

Essayez de changer de couleur;) – intelis

@Alegro Vous avez toujours O (lettre majuscule latine O) au lieu de 0 (chiffre zéro) dans votre valeur de couleur. – Pavlo

Votre CSS cible un lien qui est à l'intérieur d'un élément avec la classe topofpage. Mettez les sélecteurs ensemble pour cibler un lien qui a la classe:

a.topofpage:hover { 
    color: #FC0; 
    text-decoration: none; 
}

En outre, comme repéré Pavlo, vous utilisez #FCO au lieu de #FC0 pour la couleur.

Source

2012-10-20 19:26:52 Guffa

À droite, mais le 'a' n'est nécessaire que pour des raisons de spécificité. – feeela

Merci à everyOne. Ça fonctionne maintenant. – Alegro

@feeela: Oui, pour seulement le code montré le 'a' n'est pas nécessaire. Je voulais le garder car il pourrait y avoir une raison pour laquelle le PO l'a mis là en premier lieu. – Guffa

Lien vol stationnaire css ne fonctionne pas

Répondre

Questions connexes