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'):
  1. .body {  
  2. background-color:#FFF;  
  3. font-family:Arial,Helvetica,sans-serif;  
  4. font-size:small;  
  5. }  
Az én css-em('/css/base2.css')
Én pedig szeretném felülírni, kibővíteni ezt a tulajdonságot, így:
  1. .body {  
  2. background-color:#000;  
  3. font-family:Arial,Helvetica,sans-serif;  
  4. font-size:small;  
  5. background:url('/images/background.jpg');  
  6. background-repeat:no-repeat;  
  7. }  
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':
  1. @import url('/css/base1.css');  
  2. .body {  
  3. background-color:#000;  
  4. font-family:Arial,Helvetica,sans-serif;  
  5. font-size:small;  
  6. background:url('/images/background.jpg');  
  7. background-repeat:no-repeat;  
  8. }  
‹ 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!