[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. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
  3. #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 :D)
     
  4. #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.
  5. #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~
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - abhängigkeit parent node
  1. Antworten:
    3
    Aufrufe:
    1.519
  2. Antworten:
    2
    Aufrufe:
    1.313
  3. Antworten:
    3
    Aufrufe:
    711
  4. Antworten:
    0
    Aufrufe:
    318
  5. Antworten:
    4
    Aufrufe:
    546