I <head> i varje sida finns en stilmall som är jäkligt omfattande, typ 8-10Kb eller nåt. Varför lägger man inte den separat och länkar in den istället, så den cachas och slipper ladda om för varje sida?
Ingen stor grej på nåt sätt. Men jag är nyfiken på om det finns nåt skäl till detta?
Jag håller med dig, men det finns faktiskt en skillnad i prioritet. Lägst prio har externa css-mallar, näst lägst har den i <head> och högst prio har den som kodas inline direkt på elementet. Så om man har en master-mall och sedan vill tweaka lite på enskilda sidor kan man lägga det i head. Men oftast när man ser stora css-mallar i <head> så är det för att kodaren inte fattat vitsen eller styrkan med externa stilmallar över huvud taget :)
Jag håller med dig, men det finns faktiskt en skillnad i prioritet. Lägst prio har externa css-mallar, näst lägst har den i <head> och högst prio har den som kodas inline direkt på elementet.
Vänta nu, det där tror jag inte på. Till att du visar någonting som styrker det du säger tror jag att det är så här:
Mallar som ligger i style och importerade mallar har lika hög prioritet. Det som istället bestämmer prioritet är hur specifik regeln är (Minst till mest: tagg, klass, id, inline) Så t ex bör #mittid{color: green} i en extern mall smälla högre än .minklass{color: red} i en style-tagg. (För ett element som har det id'et och den klassen) Rätt eller fel?
Vad gäller sakfrågan, ja jag anser också att det är en bra idé att flytta stilarna.
Vänta nu, det där tror jag inte på. Till att du visar någonting som styrker det du säger tror jag att det är så här:
Mallar som ligger i style och importerade mallar har lika hög prioritet. Det som istället bestämmer prioritet är hur specifik regeln är (Minst till mest: tagg, klass, id, inline) Så t ex bör #mittid{color: green} i en extern mall smälla högre än .minklass{color: red} i en style-tagg. (För ett element som har det id'et och den klassen) Rätt eller fel?
Vad gäller sakfrågan, ja jag anser också att det är en bra idé att flytta stilarna.
Nu blev det ju OT rejält, men det spelar väl kanske ingen roll...
Jag tror du blandar ihop det. Vad headbug menar är att om du har stilsatt samma element på samma sätt men i olika stilmallar, så är det den som är närmast elementet som "vinner".
Alltså: Har du t.ex. .minStil {color:#fff} i en inlänkad stilmall, och .minStil {color:#666} i head på en sida, så "vinner" den senare och texten blir grå isället för vit.
Sen har du rätt vad gäller hur man använder class och id och class inuti id osv. Men det var inte det headbug menade.
Det spelar ingen roll om man länkar in CSS-filen eller skriver CSS:en direkt i en <style>.
Vinnaren är den som specificeras sist. Så skriver man <style> efter <link> så vinner <style>. Och tvärtom om man skriver <link> efter <style>...
264 ms totalt · 4 externa anrop · v20260731065814-full.2f471f9e
