Reihenfolge der CSS Klassen

Moin,

gelegentlich habe ich den Ansatz mehr mit CSS zu arbeiten, denn mit hartcodierter Formatierung. Oft lasse ich es dann wieder, weil ich nicht zum gewünschten Ergebnis komme.

Wie verhält es sich denn eigentlich mit der Priorität der Klassen. Wenn ich z.B. für BODY und TD Styles defiiert habe, und in einer Tabellenzelle dann noch einen Textpart mit <div class="..."> formatiere. Also:

BODY
    TD
        div

Gilt dann der innerste <div> allein und ausschliesslich, oder kombinieren sich die Klassen? In vielen Dokumentation findet man tolle Erklärungen der einzelnen Eigenschaften, aber Antwort auf obige Frage habe ich noch nie gefunden.

Hallo Matthias,

der Name CascadingStylesheets sollte eigentlich schon alles sagen 😉
Eine Eigenschaft, die du z.B. für BODY definierst, wird an "untergeordnete" Elemente vererbt.
Wenn also body {font-family: arial verdana non-serif;} , dann erben TD und DIV automatisch diesen Style.

Ja, und dann sucht man sich anfangs manchmal dumm und dähmlich,
um den Erblasser zu finden 😃

viele Grüße & guten Rutsch
jenses

jenses schrieb

Hallo Matthias,

der Name CascadingStylesheets sollte eigentlich schon alles sagen 😉
Eine Eigenschaft, die du z.B. für BODY definierst, wird an "untergeordnete" Elemente vererbt.
Wenn also body {font-family: arial verdana non-serif;} , dann erben TD und DIV automatisch diesen Style

Dann war meine Annahme also doch richtig, dass man aufpassen muss, dass man ALLE Parameter überschreibt.

Der Trick scheint dann doch zu sein alle includierten CSS zu finden...

Auch Dir und allen Anderen einen guten Rutsch, un keinen schweren Kopf am Ersten. 😃

jenses schrieb

[..]Eine Eigenschaft, die du z.B. für BODY definierst, wird an "untergeordnete" Elemente vererbt.
Wenn also body {font-family: arial verdana non-serif;} , dann erben TD und DIV automatisch diesen Style.[..]

In der Theorie völlig richtig, in der Praxis leider nicht: Gilt nämlich nur dann, wenn der Browser [besser gesagt die Rendering-Engine] das DOM-Modell korrekt interprediert, was der Internet Exporer auch in seiner aktuellsten Version leider nicht tut. Hier werden nicht alle Angaben "vererbt". Gutes Beispiel ist eine im Body definierte Schrift größe, von der der IE dann in einer Tabelle nichts mehr weiß ...

Also immer aufpassen und testen :-)

#Hannes#

Da hast du natürlich recht,
IE und CSS haben natürlich recht wenig miteinander gemein. #giggle# #giggle# #giggle#

jenses

jenses schrieb

Da hast du natürlich recht,
IE und CSS haben natürlich recht wenig miteinander gemein.

Das tät mich persönlich nicht wirklich stören, da ich seit längerem den FireFox benutze. Leider tun dies 90% der anderen Surfer nicht.

Das ist n altes Leid^^ css und IE sind 2 Welten.. und die haben genau soviel gemein wie Himmel und Hölle^^

Ne mal im Ernst #giggle#, ich bin grad daran beschäftigt ein DIV-Template mit CSS und Typo3 zu verwenden... öffne das mal im IE dann weißt du warum ich schlecht gelaunt bin^^

http://typo3.ideefix.net/institut/

Und wo wir grade über Barierefreiheit gesprochen haben:

http://barrierefrei.e-workers.de/workshops/ie-fun/index.html

MFG Proximo #paralyzed#

EDIT: Bitte nehmt die Seite "institut" nicht als meine durchschnittliche Arbeit an^^ ich habe leider erst wenige Stunden an der Seite arbeiten können^^

body{ 
  text-align: center;
}

.main{ 
  margin: 0px auto;
  text-align: left;
  width: 400px;
}

sollte dein Problem mit dem IE lösen.

viele Grüße
jenses