Ja napravim CSS fajl i nazovem ga recimo pocetna.css. I taj css je glavni layout za sve tri html strane (pocetna.html, o nama.html, kontakt.html). Medjutim stranice: o nama.html i kontakt.html treba da imaju izmenjene neke css elemente za sidebar i foother... Kako to da napravim, kako je najpravilnije.
Znaci na svakoj stranici je pocetna.css jer je to glavni layout, ali svaka stranica mora da ima neku izmenu u css-u.
Mislio sam da za stranice o nama.html i kontakt.html napravim nove css fajlove: onama.css i kontakt.css i da u njih importujem pocetna.css na sledeci nacin: @import url ("pocetna.css"); i onda bi posebno u css fajlovima onama.css i kontakt.css vrsio izmene u css kodu samo za te stranice.
Primer onama.css:
onama.css
@import url ("pocetna.css");
#sidebar {width: 400px;} // u glavnom css fajlu(pocetna.css) sidebar je bio 500px ali u stranici onama.html ne odgovara da bude 500px nego 400px. Da li je ovaj nacin ispravan. Ovako bi ovde mogao da menjam i za foother i za contect ako postoji potreba.
Zanima me da li je ovo ispravan nacin ili ne. Ovo je sad primer za 3 html strane, da li se na isti nacin moze iskoristiti i ako imam recimo 20 html stranica ?