webForumDet fria alternativet

Koppla fler CSS-filer till en sida..

HTML & CSS

2 svar · 551 visningar · startad av Kalle M

Medlem sedan mars 20041 936 inlägg
Frågan#1

1.Om jag förstått rätt så kan man väl koppla fler Externa CSS-filer till en sida. Är det att föredra att ha allt i samma CSS-fil?

2. Finns det risk för konflikt mellan dessa CSS-filer och vilken väljer den isåfall först?

Medlem sedan jan. 20011 154 inlägg
#2
  1. Ja det går att koppla flera till samma. Smaksak om man vill ha allt i en. Jag brukar tycka att det är smidigt att ha det mesta i en, men att ha saker som är väldigt specifika (exempelvis meny css eller cssklasser för någon specifik komponent) i egna filer.

  2. Om du har två css klasser med samma namn väljs den som ligger sist i inläsningsordningen

Medlem sedan juli 20013 378 inlägg
#3
  1. Instämmer med föregående tipsare, men en sak man får vara medveten om är att att varje delfil skall hämtas, och att det kan bli en belastning för webbservern om du kör med extremt många CSS-filer och har hyfsat många besökare på sidan. (för även om besökaren har alla CSS-sidor i sin webbläsarcache görs en uppslagning per CSS-fil till servern för att kolla om det finns någon uppdatering - och varje "http-request" tar en oförutsägbar, om än oftast kort, tid att utföra)
    Mer läsning: http://developer.yahoo.net/blog/archives/2007/04/rule_1_make_few.html

  2. Kan förtydliga med att webbläsaren alltså inte enbart väljer den "sista" definitionen för CSS-klassen i Jonnes exempel, utan slår ihop bägge på ett sätt som gör att man får samma resultat oavsett om de två klassdefinitionerna ligger efter varandra i samma CSS-fil eller om de ligger i olika filer som refereras efter varandra
    Dvs oavsett om du väljer att köra med en eller flera CSS-filer när du inför exemplet med två definitioner av samma CSS-klass är det är bara värden som hamnar "i konflikt" med varandra som skrivs över när "den sista" definitionen tolkas... :birp

581 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
451 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)