Antwort #3 am: 18. Juni 2009, 00:48:11
Die "stylesheet.css" wird als erstes eingebunden.
Wenn Du da schreibst ...
.StandardBox {
margin: 0px;
padding: 10px;
border: 1px solid black
}
.StandardBox h4 {
color: white;
text-align: center;
font-size: irgendwas;
background-image: url("images/BoxHeadlineBG.gif");
background-repeat: repeat-x;
background-position: 0 50%;
}
... gilt das für alle Seiten, die kein "darauffolgendes" Stylesheet mit drin haben.
Wenn also Deine Kategorie 47 kein eigenen Stylesheet hat, sind die Ränder von .StandardBox schwatt.
Gibt's aber Stylesheets, die später eingebunden werden, werden dann deren Regeln gewählt.
In der (angenommen, "Damen" hat Kategorien-ID 3, Mädchen kriegen rosa) "style_3.css" brauchst Du dann nur noch schreiben
.StandardBox { border-color: pink }
.StandardBox h4 { background-image: url("images/cat_3_BoxHeadlineBG.gif");
In der (angenommen, "Herren" hat Kategorien-ID 12, Jungs kriegen blau) "style_12.css" nur noch entsprechend
.StandardBox { border-color: blue }
.StandardBox h4 { background-image: url("images/cat_12_BoxHeadlineBG.gif");
... Man muss halt eben aufpassen, dass man im "Haupt-Stylesheet" nicht versehentlich irgendwelche Anweisungen unterbringt, die man nachträglich schwer "übertreffen" kann. Also sowas wie body * { ...irgendwas... } ist z.B. immer etwas problematisch.