Solution à l'échec du survol CSS : 1. Annulez l'espace entre les survols du sélecteur ; 2. Modifiez l'ordre "actif, visité, survol, lien" ; 3. Modifiez la méthode d'écriture en "a:hover +. b{}"; 4. Annulez le style en ligne de l'élément de survol.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
À propos de CSS : problème d'échec de survol
Référence :
À propos du problème d'échec de survol
** ***************************** Je suis la ligne de démarcation **************** **** *******************************
1 Les raisons de Baidu en ligne incluent généralement le suivant,
Le premier est :
Il y a un espace entre le sélecteur, : et le survol, ou les deux points sont un symbole chinois
Le second est :
Non Faites attention à la relation entre l'ordre effectif d'actif, de visite, de survol et de lien
active < hover < visitied / link
Cela signifie que l'actif doit être défini après le survol pour prendre effet, et le survol doit être défini. à définir après visite et lien pour prendre effet. Bien entendu, le principe est qu’ils existent en même temps.
La troisième méthode est la suivante :
le survol ne fonctionnera qu'avec les éléments descendants et les éléments frères.
ps : Lorsque le survol agit sur des éléments frères et sœurs, il n'est utile que pour les éléments frères adjacents, et il doit être écrit sous la forme a:hover +.b{}
La quatrième méthode est :
Mauvaise erreur.
Quand je l'ai écrit moi-même, j'ai constaté que le survol ne prenait aucun effet, mais il ne remplissait certainement pas les trois premières conditions mentionnées ci-dessus.
Enfin, il a été découvert que, comme l'élément survol a un style en ligne, le survol n'a aucun effet
ps : cela doit être classé comme une erreur de bas niveau.
[Apprentissage recommandé :Tutoriel vidéo CSS]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!