---
title: "Überschrift mit Hintergrund versehen"
url: "https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-06-28"
last_reply: "2006-06-28"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Überschrift mit Hintergrund versehen

Frontend › Styling · 4 Antworten · gestartet 2006-06-28

## Eröffnungsbeitrag

**bejay** · 2006-06-28 · [Beitrag #1](https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen/1)

Hallo,
ich habe folgende Ausgabe

```html
<!--  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

## Antworten

### [#2](https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen/2) · just2b · 2006-06-28

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

### [#3](https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen/3) · bejay · 2006-06-28

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

### [#4](https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen/4) · just2b · 2006-06-28

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

### [#5](https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen/5) · bejay · 2006-06-28

Danke, jetzt sehe ich klarer!

---

Quelle: „Überschrift mit Hintergrund versehen“, typo3.net, https://www.typo3.net/d/45488-ueberschrift-mit-hintergrund-versehen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.