Bon....
Si je fais le tri dans ton baratin, ça se résume à : "je n'arrive pas à changer la couleur (texte, fond) des éléments au FOCUS".
La pseudo-classe :focus permet de cibler un élément lorsque celui-ci reçoit le focus (soit il est
sélectionné à l'aide du clavier, soit il est
activé avec la souris comme par exemple le champ d'un formulaire).
Cette pseudo-classe
ne s'applique qu'aux éléments avec le focus, elle ne s'applique pas à ses parents
Le focus (en cliquant sur "Tabulation") ne va pas s'appliquer à une <div>, mais à un <a> (lien), <input> ou <select> (champ d'un formulaire).
Par conséquent, tu ne pourras pas éclairé les blocs en bordeaux.
Seulement les liens qu'ils contiennent :
a:focus { background:darkred; color:yellow; }
A adapter pour cibler ceux qui t'intéressent.
N.B. Pour éviter trop de !important, il faut écrire ce code APRES TOUT les autres codes CSS.
Et/ou lui donner un poids sufffisant pour surpasser d'autre instructions éventuellement déjà indiquées.
Partager