✔ CSS mit JS überschreiben

[jemand anders]

Hallo,

Der a:hover-Wert soll mit JS überschrieben werden: https://jsfiddle.net/L8y22jrm/

Klappt aber nicht. Wer weiß, wie es geht?


Grüße

PS: Guten Rutsch @all und alles Gute im Neuen Jahr!

 

[SpiceLab]

https://jsfiddle.net/spicelab/2x2waqvs/

 

[jemand anders]

Warum geht das nicht so, wie ich es versucht habe?
CSS ist lange definiert und nach 2 Sekunden kommt ein Update.

 

[SpiceLab]

Die Selektoren stimmen bei Dir im CSS und jQuery nicht überein.

 

[jemand anders]

Wieso nicht? .s1 a:hover.
Ich könnte im CSS ja auch noch zig andere in zig Kombinationen haben.
Ich habe versucht, das abgespeckt nachzustellen, was hier auf einer anderen Seite geschieht.
Ich begreife nicht, was da passiert.

 

[SpiceLab]

Wieso nicht? .s1 a:hover.

... steht im jQuery, aber im CSS das:

.u1 li a:hover {...}

 

[jemand anders]

Das habe ich extra gemacht. Im CSS ist es ungefähr so wie jetzt in der Applikation bereits vorhanden.
Mit dem jQuery sollen nur meine Eränzungen abgedeckt werden, der Rest soll aber laufen wie bisher.

 

[SpiceLab]

Das habe ich extra gemacht.

Dann darfst Du Dich auch nicht wundern, warum es so nicht funktioniert.

Wenn die Regel eines CSS-Selektors per JS überschrieben werden soll(en), muß dieser auch im Script benannt werden, damit eine Übereinstimmung vorliegt.

 

[jemand anders]

Wenn die Regel eines CSS-Selektors per JS überschrieben werden soll(en), muß dieser auch im Script benannt werden, damit eine Übereinstimmung vorliegt.

Das verstehe ich ja - bis zu einem gewissen Grad ;-)
Aber ich habe die Sachen zusätzlich eingebaut, die alten sollen weiterlaufen wie bisher, aber die neuen eben nicht.

Ich habe das Beispiel mal geändert.
ccc hat nun auch einen Link (das soll das vorhandene symbolisieren).
ddd ist mein zusätzliches Zeugs.

 

[SpiceLab]

Das verstehe ich ja - bis zu einem gewissen Grad ;-)

Auch wenn Du es nur bis zu einem gewissen Grad verstehst (wahrhaben willst), ist das Fakt.

Mehr gibt's dazu nicht zu sagen.

Entweder ergänzt Du direkt das CSS, oder hälst Dich an die Fakten, gleichlautende Selektoren zu benennen.