2 svar · 633 visningar · startad av Gimbo
Hej igen,
Har 2 CSS filer mellan head taggarna som jag inte kan ändra ordningen på och den css som jag ändrar i den går först i ordningen dvs.
<head>
<link rel="stylesheet" type="text/css" href="/inc/style/custom.css" />
<link rel="stylesheet" type="text/css" href="/inc/style/default.css" />
</head>
min är alltså custom.css men vad som händer är att klasserna i default.css overridar default.css klasserna pga att den laddas in sist i ordningen vilket är fullt normalt, men hur kan jag göra så att klasserna i custom.css vinner över de i default.css ? är det !important attributet som skall in eller finns det ett annat sätt, då jag inte kan ändra ordningen i head taggen.
Uppskattar all hjälp jag kan få
japp, !important funkar, eller använd selektor-prioritet.
T.ex
#box { color: blue; }
har högre prioritet än
.div .box { color: black; }
oavsett ordning.
Och div#box har högre prioritet än #box.
Förmodligen kan du genom att bygga mer specifika (=högre prioriterade) selektorer åsidosätta reglerna i default.css
Edit:
En länk på detta: http://hungred.com/useful-information/css-priority-order-tips-tricks/
Tackar, ska titta på det och återkomma senare ikväll :)