CSS Problem

Herrmann

Hallo, habe im Moment ein kleines Verständnisproblem bei CSS.

.css

...
#base { ... }
#data { ... }
#base a.link { ... }
#data a.link { ... }
...

.html

<div id="base">
  <a class="link" href="...">test</a>
  <div id="data">
    <a class="link" href="...">test</a>
  </data>
</div>

Warum erben alle Links im data-Div die Eigenschaften von Links aus dem base-Div? Was mache ich falsch bzw. habe ich in SelfHTML falsch verstanden?

Blackhawk

geht das denn was du machen willst überhaupt??

flenders

Vielleicht liegt es daran, dass data ein child von base ist

Herrmann

@flenders, kann man CSS sagen, dass Childs ihre eigenen Styles benutzen sollen?

Windoof

Mach das doch lieber so:

...
.base { ... }
.data { ... }
a.baselink { ... }
a.datalink { ... }
...

<div class="base">
  <a class="baselink" href="...">test</a>
  <div class="data">
    <a class="datalink" href="...">test</a>
  </div>
</div>

Und vor allem beende das 2te DIV Tag richtig
(Ich kenne nämlich kein </data> ;))

Herrmann

@o_O, ups

@Windoof, so habe ich es bisher ja auch immer gemacht. Ich wollte nur mal probieren ob man eine Klassenbezeichnung für verschiedenen Styles innerhalb der kompletten Seite verwenden kann.

flenders

http://www.w3.org/TR/REC-CSS2/selector.html

Herrmann

Klingt interessant. Werde ich mir mal durchlesen. Danke.