+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Problem mit Verschachtelung von CSS-Anweisungen

  1. #1
    TP-Junior tschoartschi macht alles soweit korrekt
    Registriert seit
    Jul 2009
    Beiträge
    29

    Problem mit Verschachtelung von CSS-Anweisungen

    Hi!

    Ich möchte innerhalb einer div-Box alle Links mittels CSS gleich gestalten. Dazu habe ich folgenden Code verwendet:

    PHP-Code:
      div#left_navigation a, a:focus, a:hover, a:active, a:visited  {
        
    font-family:verdanasans-serif;
        
    font-size:0.9em;
        
    text-decoration:none;
        
    color:#999999;
      

    Das hat auch recht gut funktioniert, bis ich Links in anderen div-Boxen verwendet habe. Da musste ich feststellen, dass die Definition für a:focus, a:hover, a:active, a:visited quasi "global" ist. Danach habe ich den Code folgendermaßen geändert:

    PHP-Code:
      div#left_navigation a, div#left_navigation a:focus, div#left_navigation a:hover, div#left_navigation a:active, div#left_navigation a:visited  {
        
    font-family:verdanasans-serif;
        
    font-size:0.9em;
        
    text-decoration:none;
        
    color:#999999;
      

    Nun habe ich das gewünschte Verhalten, allerdings kommt mir nicht vor als wäre das die eleganteste Lösung. Kann ich den Code nicht irgendwie kürzer zusammenfassen?

    Danke schon mal im Vorraus
    Lg
    Georg

  2. #2
    TP-Insider mogidala hilft, wo's geht mogidala hilft, wo's geht mogidala hilft, wo's geht Avatar von mogidala
    Registriert seit
    Sep 2007
    Ort
    Mülheim an der Ruhr
    Beiträge
    786
    so ist es eigentlich schon korrekt, allerdings verwendest du ja im prinzip für alle link-arten die gleiche formatierung, daher sollte eigentlich div#left_navigation a {...} ausreichen. wie es sich verhält, wenn du für a:hover {...} global was anderes definierst, weiß ich nicht 100%, aber meiner Meinung nach sollten die Angaben für div#left_navigation a {} die globalen Anweisungen "überschreiben" - probier's einfach mal aus!

    Anstatt zu klagen was ihr wollt, solltet ihr dankbar sein, dass ihr nicht all das bekommt, was ihr verdient
    ------------------------------------------
    Virtuelle Babyparty
    ------------------------------------------
    ich will mehr grüne kästchen!


  3. #3
    TP-Junior tschoartschi macht alles soweit korrekt
    Registriert seit
    Jul 2009
    Beiträge
    29
    stimmt so gefällt mir das schon besser hab ja gewusst dass das nicht ideal gelöst ist ^^

    nur als verständnisfrage
    div#left_navigation a, a:focus, a:hover, a:active, a:visited { }
    a:focus, a:hover, a:active, a:visited werden für das gesamte dokument definiert und nur a wird nur innerhalb eines div's mit der id left_navigation definiert

    div#left_navigation a, div#left_navigation a:focus ... ... ... { }
    alle linkeigenschaften werden nur innerhalb eines div's mit der id left_navigation definiert

    hätte mir zuerst nämlich gedacht, dass die erste und die zweite variante gleich sind, was sie ja doch nicht sind

  4. #4
    TP-Insider mogidala hilft, wo's geht mogidala hilft, wo's geht mogidala hilft, wo's geht Avatar von mogidala
    Registriert seit
    Sep 2007
    Ort
    Mülheim an der Ruhr
    Beiträge
    786
    absolut richtig

    Anstatt zu klagen was ihr wollt, solltet ihr dankbar sein, dass ihr nicht all das bekommt, was ihr verdient
    ------------------------------------------
    Virtuelle Babyparty
    ------------------------------------------
    ich will mehr grüne kästchen!


+ Antworten

Ähnliche Themen

  1. Benutzte CSS-Anweisungen in Dreamweaver auffinden
    Von darkman69 im Forum Dreamweaver & andere Webeditoren
    Antworten: 6
    Letzter Beitrag: 07.01.2007, 14:06
  2. div - anweisungen
    Von nixdorf im Forum Webdesign allgemein
    Antworten: 1
    Letzter Beitrag: 10.07.2005, 03:09
  3. Anweisungen für Suchmaschinen
    Von easeus im Forum SEO
    Antworten: 7
    Letzter Beitrag: 10.11.2004, 20:44
  4. Verschachtelung
    Von Ken im Forum Dreamweaver & andere Webeditoren
    Antworten: 1
    Letzter Beitrag: 14.07.2004, 18:00
  5. Verschachtelung?
    Von Billy69 im Forum Dreamweaver & andere Webeditoren
    Antworten: 2
    Letzter Beitrag: 18.01.2004, 20:36

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51