webForumDet fria alternativet

prioritera klasser

2 svar · 631 visningar · startad av Gimbo

GimboMedlem sedan dec. 20001 626 inlägg
#1

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å

doridoriMedlem sedan juni 2006244 inlägg
#2

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/

GimboMedlem sedan dec. 20001 626 inlägg
#3

Tackar, ska titta på det och återkomma senare ikväll :)

132 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)