Vollständige Version anzeigen : [CSS] abhängigkeit von parent node


onip
22.07.2013, 14:34

hi,

hab mal ne frage.
ich hab grob folgenden html code

<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.

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
DerEntscheider
22.07.2013, 23:48

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)


Nanobyte
23.07.2013, 00:34

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

(;blogs;sitepointstatic~com/examples/tech/css3-)CSS3-only tabs using the :target selector (target/tabs;html#tab1)


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 ;)


onip
23.07.2013, 10:14

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~


Ähnliche Themen zu [CSS] abhängigkeit von parent node
  • Javascript Node Navigation
    Habe nochmal ein HTML Dom Problem zur Navigation durch die Nodes in einem HTML Dokument: HTML: <div id="navBarHor"> <ul class="navBarHor1"> <li class="navBarHor1"><a href=";;;xkcd;com" class="navBarHor1">Nummer eins</a></li> <li class="navBarHor1"><a href=";;;xkcd;com" class="navBarHor1">X [...]

  • Node Collapsing
    huhu e-techniker, kann mir jemand vielleicht den begriff node collapsing erklären? bitte keine google links posten! finde es besser das mit eigenen worten zu lesen! THX!!!!! [...]

  • [HTML] [CSS] Divs nebeneinander mit gleichem Abstand untereinander und zu parent
    Hi, also ichhab das Problem das ich ein paar Divs nebeneinander (float, schon klar) ausrichten will... allerdings sollen die Absände parentWandLinks --- Div1 --- Div2 --- Div3 --- parentWandRechts überall gleich sein. Hoffe es ist klar geworden wie ich mir das vorstelle XD greez myth [...]

  • [VisualBasic] Parent eines Popup-Menüs setzen
    Ich habe ein paar Listboxen und ein Menü, das ich als Popup-Menü verwende. So rufe ich das Popup-Menü bei Rechtsklick auf eine der Listboxen auf: Private Sub List1_MouseUp(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then PopupMenu mnuMenu End Sub D [...]



raid-rush.ws | Imprint & Contact pr