1 HTML-Tag mehrfach in CSS Datei beschreiben

[Dit]

Hallo bin gerade dabei meinen Look & Feel in eine externe CSS datei auszulagern.

erst mein DIV:

<div style="position : absolute; width:240px; height:35px;  top:0px;   left:0px; background-color: #FFFFFF; border: 1px solid silver;">

Da stellt sich mir jedoch eine frage:

Ich habe 5 verschiende DIVs, die ich mehrfach einsetze
bei diesen Divs ändern sich immer nur folgende Attribute:

- die Höhe
- top
- background

der rest bleibt gleich. Da aber jedes dieser DIVs noch mehrfach benutzt wird, wäre es schön wenn ich für jedes ein Style habe!

daraus Resultiert, dass ich das "Div-tag" in der CSS Datei mehrfach bestimmen müsste. Geht sowas? wenn ja wie?

vielen Dank!
Gruß
Dit

 

[pit-r]

Moin!

Hab zwar nicht ganz gerafft, wovon Du genau redest, aber ich denke, daß kannst Du mit der Zuweisung von mehr als einer class in den tags erreichen:

<div class="klasse1 klasse2">...

Ahoi - Pit

 

[Dit]

kurz gesagt:

ich habe 5 verschiedene DIV tags, die ich aber nicht in der HTML-Datei beschreiben will!
daher muss ich das in der CSS datei machen.

Aber ich wusste nicht wie ich ein Tag (mein DIV-Tag) mehrfach beschreiben kann, ohne das ich das alte wieder überschreibe:

z.B.

DIV1 --> ROT
DIV2 --> GELB
DIV3 --> BLAU
DIV4 --> LILA
DIV5 --> GRÜN

 

[pit-r]

Was Du mit dem Mehrfachkram meinst hab ich immer noch nicht kapiert. Ein einzelnes Element kannst Du im CSS über die id klarmachen:

#idDesElements{/*css-Krempel*/}

 

[dkdenz]

CSS:

#ROT{background:red;}
#GELB{background:yellow;}
.
.
.

HTML:

<div id="ROT"></div>
<div id="GELB"></div>
.
.
.

Edit
Hola pit-r

 

[Dit]

so sieht meine CSS Datei aus:

div 
	{
	position: absolute;
	width: 240px;
	left: 0px;
	border: 1px solid silver;
	}

wenn ich nun noch nen DIV mit breite = 500 beschreiben will kann ich ja nicht
sonst würde ich das oben beschrieben wohl überschreiben!

div 
	{
	position: absolute;
	width: 500px;
	left: 0px;
	border: 1px solid silver;
	}

sorry.. das ich nen bisschen schwer von Begriff bin

 

[Dit]

@dkdenz DU hast mich verstanden!

Danke auch an dich Pit-r

 

[dkdenz]

#ROT{
position: absolute;
width: 240px;
left: 0px;
border: 1px solid silver;
}
#GELB{
position: absolute;
width: 500px;
left: 0px;
border: 1px solid silver;
}