Huhu,
das funktioniert, wenn das Element was du ansprechend möchtest innerhalb des gehoverten liegt (einfachster Fall)- benutzt man z.B. bei Fold-Out-Menüs. Beispiel (mal komplett aus dem Zusammenhang gerissen):
ul li:hover ul {
left: auto
}Alles andere ist wesentlich schwieriger, aber meist machbar mit den Kombinatoren (schau mal hier etwas weiter unten auf der Seite). Beispiel:
HTML:
<div id="eins">Text1</div>
<div id="zwei">Text2</div>CSS:
div#zwei { color: black;}
div#eins:hover + div#zwei {
color: red;
}Macht rote Schrift im div#zwei, wenn der div#eins gehovert wird - allerdings funktionieren diese Selektoren nicht in allen Browsern (am besten vorher checken, nicht dass es böse Überraschungen gibt). Ansonsten bleibt die Alternative JavaScript (da am besten mal googlen).
Grüße
Laura
Zitat von "lauras"Alles anzeigenAlles andere ist wesentlich schwieriger, aber meist machbar mit den Kombinatoren (schau mal hier etwas weiter unten auf der Seite). Beispiel:
HTML:Code<div id="eins">Text1</div> <div id="zwei">Text2</div>
CSS:
Codediv#zwei { color: black;} div#eins:hover + div#zwei { color: red; }
Macht rote Schrift im div#zwei, wenn der div#eins gehovert wird - allerdings funktionieren diese Selektoren nicht in allen Browsern (am besten vorher checken, nicht dass es böse Überraschungen gibt). Ansonsten bleibt die Alternative JavaScript (da am besten mal googlen).
Grüße
Laura
Diesen Selektor kann man eigentlich ohne schlechtes Gewissen verwenden, da ihn selbst der IE seit der Version 7 unterstützt.
Noch weiter würde ich für den Internet Explorer nicht runter gehen, ich meine selsbt die Version 7 ist schon über 5Jahre(!) alt, Version 6 sogar über 10Jahre.
Übrigens hat Google im August dieses Jahres den Support für den IE7 eingestellt, was nicht mehr als richtig ist wie ich finde 
Grade beim testen festgestellt: Es fehlt ein Selektor, der alle Nachbarelemente auswählt, und nicht nur die nachfolgenden im Quelltext - wenns den gäbe, könnte man sehr geile Effekte machen.
Zum Testen mal der Code hier, daran sieht man ganz gut wies funktioniert
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
height: 50px;
width: 50px;
background-color:black;
float: left;
}
div:hover ~ div {
background-color: white;
}
</style>
</head>
<body>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<div>Text</div>
</body>
</html>Zitat von "lauras"Grade beim testen festgestellt: Es fehlt ein Selektor, der alle Nachbarelemente auswählt, und nicht nur die nachfolgenden im Quelltext - wenns den gäbe, könnte man sehr geile Effekte machen.
Es gibt keinen direkten Selektor, aber eine Technik.
<!-- Unsere HTML-Struktur -->
<div id="mutter">
<div></div>
<div></div>
<div></div>
</div>
/** CSS CODE **/
/* Erst färben wir alles */
#mutter:hover div {
background: red;
}
/* Dann definieren wir eine Ausnahme */
#mutter div:hover {
background: green;
}danke für die recht ausführlichen antworten, funktioniert super 
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!