mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 02:28 Benutzername: Passwort: Auto-Login

Thema: Css: a:hover-background-color in geschachtelten divs vom 01.04.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Css: a:hover-background-color in geschachtelten divs
Autor Nachricht
weltio
Threadersteller

Dabei seit: 04.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.04.2011 13:10
Titel

Css: a:hover-background-color in geschachtelten divs

Antworten mit Zitat Zum Seitenanfang

Ahoi,
folgendes Problem:

<div>
<div class="dunkel">
<div>
<a href=#>1</a>
</div>
<a href=#>2</a>
</div>
<a href=#>3</a>
</div>

css:

div a:hover{ background-color: black;}
div.dunkel a:hover{ background-color: green;}

Für 2 und 3 stimmt das ja - 2 ist grün, 3 ist schwarz.
Aber 1 ist nicht schwarz sondern grün.
Die Einstellung wird also nicht vom direkten papa übernommen, sondern die interpretation scheint bei div.dunkel stehen zu bleiben?

Wo ist der Fehler?
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 01.04.2011 13:30
Titel

Re: Css: a:hover-background-color in geschachtelten divs

Antworten mit Zitat Zum Seitenanfang

weltio hat geschrieben:
Ahoi,
folgendes Problem:
Code:
<div>
   <div class="dunkel">
      <div>
          <a href=#>1</a>
      </div>
      <a href=#>2</a>
   </div>
   <a href=#>3</a>
</div>


css:
Code:
div a:hover{ background-color: black;}
div.dunkel a:hover{ background-color: green;}

Für 2 und 3 stimmt das ja - 2 ist grün, 3 ist schwarz.
Aber 1 ist nicht schwarz sondern grün.
Die Einstellung wird also nicht vom direkten papa übernommen, sondern die interpretation scheint bei div.dunkel stehen zu bleiben?

Wo ist der Fehler?


Es bleibt nicht bei div.dunkel stehen, sondern wird von ihm überschrieben. Auf 1 trifft beides zu. Daher ist die zweite Anweisung die entscheidende.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
weltio
Threadersteller

Dabei seit: 04.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.04.2011 13:47
Titel

Antworten mit Zitat Zum Seitenanfang

Jup - das ist natürlich richtig und ich hab Mist erzählt, aber wie löse ich das Problem nun?
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 01.04.2011 13:51
Titel

Antworten mit Zitat Zum Seitenanfang

Nicht getestet, aber das hier müsste funktionuckeln:

Code:
div a:hover{ background-color: black;}
div.dunkel > a:hover{ background-color: green;}


(Bis auf den IE6 aber wen interessiert das noch... * Ich bin ja schon still... * http://www.css4you.de/wscss/css04.html#childselector )
  View user's profile Private Nachricht senden
weltio
Threadersteller

Dabei seit: 04.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.04.2011 14:04
Titel

Antworten mit Zitat Zum Seitenanfang

Spitze - funktioniert tatsächlich Lächel
Vielen Dank!
  View user's profile Private Nachricht senden
 
Ähnliche Themen [a:hover] Background Color bei <li>
background-color in verschachtelten div's
print.css Probleme mit background-color:#000
Internet Explorer 7 vs. background color
CSS: background-color von image links
css: background-color im link geht nicht weg
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.