• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

verschachtelte Elemente / Klassen / IDs

byspeed

Neues Mitglied
Folgender Code:
<style type="text/css">
a:hover + .beschreibung {
display:inline;
}
.beschreibung {
display:none;
}
</style>
</head>

<body>
<a class="text" href="#nogo">text</a>
<span class="beschreibung">
Meine Beschreibungen...
</span>
</body>

Warum muss ich da
a:hover + .beschreibung {
display:inline;
}

das + setzen (Nachbarselektor ist klar), damit die Eigenschaften übernommen werden, gibt es auch eine Möglichkeit, ohne dass die .beschreibung ein Nachbar ist, und die Eigenschaften trotzdem übernommen werden, also beim hovern von a wird die .beschreibung eingeblendet, auch wenn sie an beliebiger Stellen steht?
 
Werbung:
wen du a:hover alleine bestimmst, bezieht sich das auf alle links deiner seite, du kanst den hover aber einschränken mit .beschreibung a:hover {} so gibst du den hover nur für die elemente die sich in der klasse beschreibung befinden.

stehen kann das wo du es haben wilst solage es die richtige klasse besitzt.

gruss
 
OK Danke, das reicht mir für dieses Beispiel erstmal, habe zu einer ähnlichen Frage noch ein Thema eröffnet hier.
Kannst du dir ja mal anschauen.
 
Werbung:
Zurück
Oben