CSS zusammenfassen

Wenn mehrere Elemente (z.B. <p>, <div>, <ul>, …) die gleichen Eigenschaften erhalten sollen, kann man sie im CSS mit Komma getrennt hintereinander eingeben.

Beispiel:

Die Überschriften <h1>, <h2> und <h31> sollen eine rote Schrift bekommen.


h1	{color:red;}

h2	{color:red;}

h3	{color:red;}
			

lässt sich kurzfassen zu:


h1, h2, h3	{color:red;}
			

Weiteres Beispiel:

Zwei <div>-Boxen sollen die gleiche Breite und Höhe haben, allerdings eine unterschiedliche Hintergrundfarbe:

Div
Div

.hellgrauebox {
	width:100px; 
	height:100px;
	background:#ccc;
	}
	
.dunkelgrauebox {
	width:100px; 
	height:100px;
	background:#333;
	}		
			

lässt sich kurzfassen zu:


.hellgrauebox, .dunkelgrauebox {
	width:100px; 
	height:100px;
	}
	
.hellgrauebox {
	background:#ccc;
	}

.dunkelgrauebox {
	background:#333;
	}