nicht angemeldet
Hallo Miteinander.
Ich bin mir sicher, dass es in SelfHTML einen Artikel wird, wo das Thema abgehandelt wird, auch ist es sicher in diesem Forum schon mal diskutiert worden, da ich jedoch auch nach längerer Suche nichts passendes gefunden habe, frage ich nochmal selber nach:
Ich möchte für ein <div>-Element zwei verschiedene CSS-Klassen definieren. Google liefert dazu folgendes:
gemäss w3c soll es möglich sein, einem element
mehrere klassen zu zuweisen, die mit einem leerschlag
getrennt werden.
<!-- core attributes common to most elements
id document-wide unique id
class space separated list of classes
style associated style info
title advisory title/amplification
-->
class="head main"
wobei .head und .main je eine separate klasse ist.
Genau so hatte ich es auch in Erinnerung, bloss funktioniert es bei mir (unter neuerem Mozilla, release-Nummer find ich grad nicht) nicht. Die einzige Idee, die mir grad einfällt ist, dass es mit meinen CSS angeben zusammenhängt. Hier also mein Code:
CSS:
.inhalt{padding:1em 1em 0 1em;}
div[class="inhalt"]{
width:auto !important;
max-width:45em;
}
.monatsarchiv a img{
border:none !important;
border-top:2px solid #FFF !important;
border-right:2px solid #FFF !important;
}
HTML:
<div class="inhalt monatsarchiv">
[...]
</div>
Das padding von .inhalt wird angezeigt, nicht aber das max-width. Bei <div class="inhalt">[...]</div> wird es jedoch angezeigt.
Weiss jemand Rat?
Ich freu mich über Antworten oder Links. Danke im Voraus.
Nette Grüße,
stefan