JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Sempervivum, post: 13207, member: 3917"] Mir fällt leider keine Lösung nur mit CSS ein. Versuche es mit Javascript wie in dieser Demo: [CODE]<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hover All</title> <style> a.hovered { background-color: lightblue; } </style> </head> <body> <a href="seite1.html">Seite 1</a> <a href="seite2.html">Seite 2</a> <a href="seite1.html">Seite 1</a> <a href="seite1.html">Seite 1</a> <a href="seite2.html">Seite 2</a> <a href="seite1.html">Seite 1</a> <script> // Eventlistener für "mouseover" registrieren: window.addEventListener('mouseover', myHover); // Eventlistener für "mouseout" registrieren: window.addEventListener('mouseout', myHover); function myHover(event) { // Handelt es sich um ein a-Element? if (event.target.matches('a')) { const link = event.target.getAttribute('href'); // Schleife über alle Elemente, die das selbe href-Attribut haben: document.querySelectorAll('a[href="' + link + '"]').forEach(item => { // Wurde die Maus über das Element bewegt? if (event.type == 'mouseover') { // Klasse "hovered" hinzu fügen: item.classList.add('hovered'); } else { // Klasse "hovered" löschen: item.classList.remove('hovered'); } }); } } </script> </body> </html>[/CODE] [/QUOTE]

Authentifizierung

Oben Unten