Heim >Web-Frontend >Front-End-Fragen und Antworten >Was tun, wenn der CSS-Hover fehlschlägt?
Lösung für ungültiges CSS-Hover: 1. Entfernen Sie den Abstand zwischen den Selektor-Hovern. 2. Ändern Sie die Reihenfolge von „aktiv, besucht, Hover, Link“. 3. Ändern Sie die Schreibmethode in „a:hover +.b{}“. ;4. Heben Sie den Inline-Stil von Hover-Elementen auf.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Über CSS: Hover-Fehlerproblem
Referenz:
Über Hover-Fehlerproblem
**************************** ** ******Ich bin die Trennlinie**************************************** * *****
1. Es gibt im Allgemeinen die folgenden Gründe für die Baidu-Suche im Internet:
Zwischen dem Selektor steht : und der Doppelpunkt ist ein chinesisches Symbol
Der zweite ist: Der eine ist: Die Beziehung zwischen der effektiven Reihenfolge von „Aktiv“, „Besucht“, „Hover“ und „Link“ wurde nicht beachtet.active < hover < visitied / linkDas bedeutet, dass „Aktiv“ nach dem Hover definiert werden muss, um wirksam zu werden , und Hover muss nach dem Besuch definiert und verlinkt werden, damit es wirksam wird. Voraussetzung ist natürlich, dass sie gleichzeitig existieren. Die dritte Methode ist: hover funktioniert nur mit untergeordneten Elementen und Geschwisterelementen. ps: Wenn Hover auf Geschwisterelemente wirkt, ist dies nur für benachbarte Geschwisterelemente nützlich und sollte als a geschrieben werden:hover +.b{}Der vierte lautet: Fehler auf niedriger Ebene. Als ich es selbst schrieb, stellte ich fest, dass Hover keine Wirkung zeigte, aber die ersten drei oben genannten Bedingungen definitiv nicht erfüllte. Schließlich habe ich herausgefunden, dass Hover keine Auswirkung hat, da das Hover-Element einen Inline-Stil hat. ps: Dies sollte als Fehler auf niedriger Ebene klassifiziert werden. 【Empfohlenes Lernen:
CSS-Video-Tutorial】
Das obige ist der detaillierte Inhalt vonWas tun, wenn der CSS-Hover fehlschlägt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!