csc-header n1 formatieren

[Reimemonster]

Ist es denn nicht möglich den CSC-Header in CSS zu formatieren?

Mein CSC-Header n1 soll anders aussehen als der CSC-Header n2. Wie kann ich das lösen? Hab es im CSS probiert, aber ich habe noch keine Wirkung erzielt. Vielleicht mache ich auch einen ganz simplen Fehler.

Hier mal mein CSS:

.csc-header csc-header-n1{
    background-color: #CCCCCC;
    height: 15px;
    width: 268px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #FFFFFF;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
}

Oder wie kann ich den n1 oder n2 headern andere Tags zuweisen?

Bitte um Hilfe

[lanowar]

schonmal versucht einfach nur

h1 {
    background-color: #CCCCCC;
    height: 15px;
    width: 268px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #FFFFFF;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
}

zu schreiben, anstelle von .csc-header csc-header-n1{}?

lanowar

[gofar]

Hi,

wie sieht dein HTML dazu aus?
Also, soweit ich weiß geht .csc-header csc-header-n1 im css nicht. Vor jede Klasse muss ein "." vor jede id ein "#".
Sprich wenn das HTML verschachtelt ist z.B.

<div class="csc-header"><div class="csc-header-n1">Überschrift N1</div></div>

Dein verschachteltes CSS-Konstrukt müsste also mit Punkt vor dem csc-header-n1 lauten:

.csc-header .csc-header-n1 { ... }

Wenn beide innerhalb einer Klasse liegen:

<div class="csc-header csc-header-n1">Überschrift N1</div>

Die Werte in .csc-header-n1 überschreiben bzw. ergänzen dann die von .csc-header.
Müssen aber glaub ich einzeln definiert werden

.csc-header{ ... }
.csc-header-n1{ ... }

Gruß
gofar