Hallo,
ich habe folgende Ausgabe
<!-- Header: [begin] -->
<div class="csc-header csc-header-n2"><h4>Mein Titel</h4></div>
<!-- Header: [end] -->
geht:
h4 {background: blue;}
geht nicht:
.csc-header csc-header-n2 {background: blue;}
Ich wollte eigentlich nicht alle h4 benutzen, tipps die weiterhelfen ?
Benutze Standard CSS Datei
Gruss Peter
Hallo Peter,
nun du musst schon so schreiben:
.csc-header, .csc-header-n2 {background: blue;}
oder
.csc-header {background: blue;}
oder
.csc-header-n2 {background: blue;}
lg georg
Hallo Georg,
da must du mir erklären warum das Komma da hineingehört und was damit ausgedrückt wird.
Ich (Autodidakt)war der Meinung Klassen beginnen mit einem Punkt. Wenn nun ausgegeben wird "csc-header csc-header-n2" warum macht man das so ?
(Mein momentaner Gedankengang sieht das so:
Name der Ebene(div) = csc-header-n2
Name der Klasse = .csc-header)
Ist das richtig ?
Gruss
Peter
Hallo Peter,
großes sorry von mir, hab da bisschen gepfuscht, gehört natürlich überall ein Punkt dazu, habs in meinem Posting oben ausgebessert.
nun mit
.bla1, .bla2 { .. } kann man im CSS-file Code sparen und bla1 und bla2 das gleiche zuweisen, der Beistrich dient zur Trennung
wenn man ein div erstellt kann man aber mehrere styles hinterlegen, zB eben so
<div class="header n1">...</div>
sinn: zB header bleibt immer gleich, n1 ist eine fortlaufende variable, dh man kann gezielt *alle* header mit .header {...} ändern und gezielt *einen* Header (zB den 2. auf einer Seite) mit .n2 {...}
hoffe hab dem verständnis geholfen
georg
Danke, jetzt sehe ich klarer!