[CSS] abhängigkeit von parent node

Dieses Thema im Forum "Webdesign" wurde erstellt von onip, 22. Juli 2013 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 22. Juli 2013
    Zuletzt bearbeitet: 22. Juli 2013
    abhängigkeit von parent node

    hi,

    hab mal ne frage.
    ich hab grob folgenden html code
    HTML:
    <style type="text/css">
    .n1 {
     background: #f00;
    }
    .n2 {
     background: #0f0;
    }
    .n3 {
     background: #00f;
    }
    /* geht natürlich nicht */
    .n2.aktiv > #tab a {
     background: #0f0;
    }
    </style>
    <div id="nav">
     <a href="#" class="n1">nav01</a>
     <a href="#" class="n2 aktiv">nav02</a>
     <a href="#" class="n3">nav03</a>
    </div>
    <div id="tab">
     <a href="#">tab01</a>
     <a href="#">tab01</a>
     <a href="#">tab01</a>
    </div>
    
    was ich versuche ist eine dynamische verknüpfung zu z.b. ".n2.aktiv" herzustellen, um "#tab a" einzufärben.
    also abhängig von "#nav .aktiv" hintergrundfarbe übertragen auf "#tab a" hintergrundfarbe.
    geht das und ggf. abwerts kompatibel?
    sonst muss ich #tab ne class zuweisen, was ich gerne vermeiden würde.

    // edit
    hab jetzt erstmal ein javaScript im einsatz, der die class abfragt und setzt.
    bin aber noch an einer css lösung interessiert.
     
  2. 22. Juli 2013
    Zuletzt bearbeitet: 22. Juli 2013
    AW: abhängigkeit von parent node

    JS wäre auch die Alternative, die ich vorgeschlagen hätte.
    Mit reinem CSS geht das denke ich - noch - nicht.

    (Hatte den Tag über locker fünf mal deinen Code bei JSFiddle eingegeben und getestet )
     
  3. 23. Juli 2013
    AW: abhängigkeit von parent node

    Du kannst mit dem CSS3 target selector so etwas realisieren, aber das funktioniert nur in Modernen Browsern.

    http://blogs.sitepointstatic.com/examples/tech/css3- CSS3-only tabs using the :target selector


    Da du die class "activ" selbst setzt wird es wohl kein Problem sein beim richten "tab" die selbe class zu setzen

    So etwas wird meist eh von einem Script übernommen, Javascript oder PHP
     
    1 Person gefällt das.
  4. 23. Juli 2013
    AW: abhängigkeit von parent node

    danke euch beiden.
    jaja das liebe css3, der kunde hat max. ie9 eher ie8.
    daher muss ich bei JS bleiben.
    hab gehofft, dass css2 das kann.

    @DerEntscheider
    bw kommt nach, muss erst andere bewerten.

    ~closed~
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.