Maison  >  Article  >  interface Web  >  Que faire si le survol CSS échoue

Que faire si le survol CSS échoue

藏色散人
藏色散人original
2021-04-12 11:17:344026parcourir

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.

Que faire si le survol CSS échoue

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn