CSS- navi

radeon55

Auf dem stylesheet gibt es ja verschidene navi behfehle. das normal navi, navi ul, navi a, etc.
WIe sieht das auf dem stylesheet aus? Muss ich die "speziellen" einzeln nehmen, oder alle in das "normale" navi?

Code

#navi
{
margin: ..
.
.
.
}


#navi ul
{
margin...
.
.
.
}

Alles anzeigen

oder

Code

#navi 
{
.
.
.


#navi ul
{
.
.
.
}
}

Alles anzeigen

yeti66

radeon55,

das kommt ganz auf den Verwendungszweck an.
#navi- Angaben vererbt seine Angaben auf nachfolgende, wie <ul>,[*] usw.
#navi ul auf [*] usw. z.B.

Man könnte in diesem Fall also sagen je allgemeiner die Angaben (Textformatierung für die Navigation) desto höher die Vererbungshirarchie.
http://www.intensivstation.ch/css/inheritance/

infernalshade

Stells dir wie eine Baumstruktur da...wenn du im body sagst "color:red;" ist überall auf der Seite der Text rot, es sei denn du legst z.b. für eine Tabellen-Zelle eine neue Klasse an wo drin steht "color:black" dann ist alles was in der zelle drin ist schwarz.

dies ist praktisch wenn du z.b. einen hover-effekt machst, das kannst z.b. so machen:

Code

.link {
text-decoration:none;
color:red;
font-size:12px;
}


.link:hover {
text-decoration:underline;
}

das heißt du musst bei untergeordneten sachen nur die veränderungen angeben und nicht ein zweites mal "color:red" z.b.

mfg
infernalshade

sejuma

In keinem Fall darfst du die Elemente verschachteln, wie in deinem zweiten Beispiel dargestellt.
D.h. Vererbung ist wie oben beschrieben möglich, jedoch müssen sich die CSS-Angaben immer auf ein Element beziehen.
Also je Element eine geöffnete und eine geschlossene geschweifte Klammer. Darin die Styleangaben, aber nicht nochmal ein zweites Element.

Tags