ugrás a tartalomhoz

CSS testreszabás

bejglee · 2011. Okt. 11. (K), 13.41
Sziasztok!
Van egy eredeti css fájlom, amihez nem szeretnék hozzányúlni.
Viszont módosítani kellene egy két paraméterét.
Például:
EREDETI css ('/css/base1.css'):

.body {
background-color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size:small;
}
Az én css-em('/css/base2.css')
Én pedig szeretném felülírni, kibővíteni ezt a tulajdonságot, így:

.body {
background-color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:small;
background:url('/images/background.jpg');
background-repeat:no-repeat;
}
A kérdésem az, hogyan tudom a két css fájt összemigrálni?
Ez megoldás lenne? Ez összefűzné a kettőt?
'/css/base2.css':

@import url('/css/base1.css');
.body {
background-color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:small;
background:url('/images/background.jpg');
background-repeat:no-repeat;
}
‹ Highlight link jQuery remove() ›
 ■
1

Beolvasod mindkettőt

Poetro · 2011. Okt. 11. (K), 13.43
Azt megteheted, hogy a HTML-ben mindkettő fájlt beolvasod. Vagy csinálsz egy új fájlt, és csak azt olvasod be. Vagy használod a fenti importot. Én a második megoldást javaslom.
2

Köszi a választ! És ha

bejglee · 2011. Okt. 11. (K), 13.52
Köszi a választ!
És ha beolvasom az elsőt, amiben vannak olyan tulajdonságok, amik a másodikban nincsenek (pl font-family), akkor a második beolvasása után, azok nem tűnnek el? Vagyis a két fájl unióját kapom?
3

Így van.

Blintux · 2011. Okt. 11. (K), 14.23
Így van. Az első fájlban definiált tulajdonságokat felülbírálhatod a második fájlban megadottakkal, viszont az első fájlban lévő definíciók érvényesek maradnak, ha azok nincsenek felülbírálva a másodikban.
4

Ez szuper, köszi szépen!

bejglee · 2011. Okt. 11. (K), 15.36
Ez szuper, köszi szépen!