Overerven CSS

Door Marien xD op 25-10-2006 13:16

2.516 views

Ik heb op een website bij bepaalde elementen een border, background en padding. Deze zijn allemaal gelijk. Nu als er bijv de border kleur moet worden gewijzigd moet ik alle elementen aanpassen. (veel werk :S)

Is het mogelijk om deze bij allemaal in 1 CSS definitie onder te brengen en die laten toepassen op andere css stylen?

dus:


standaardopmaak
       |   \   
Style1 - Style2 - enz

K i p

25-10-2006 16:00

.border * {
border: 1px solid #FF5A00;
}

Zo kan het ook. Maar dan krijg je wel overal een border om heen, ook om <i> of <span> of <a> enz.

Kalle P

25-10-2006 16:01

Ik zou die dat jusit niet doen, omdat je dan 3 styles moet defineren en met


.groen { border: 2px solid #0f0;}
.rood   { border: 2px solid #f00;}

er maar 2 hebt.

Daarnaast moet je overal class="border groen".

De manier van remco kost wat intotaal wat meer tekst (teminste als je overzichtelijke naam gaat geven), maar het blijft een kwestie van voorkeur.

Kalle P

25-10-2006 16:04

@boris
ik neem aan dat je bedoelt * { border: 1px solid #FF5A00; }, dan komt overal een border en dat is dus niet de bedoeling. Kortom zo kan het dus niet.

En als je bedoelde *.border dat is het zelfde als .border, dusja dat is precies het zelfde als alle andere posts.

Reageren

Inloggen om te reageren