Hur kan jag garantera att texten i ovanstående kod får en viss färg? Jag trodde att style-attributen på en HTML-tag har högst prioritet, men så fungerar det tydligen inte efter egna försök.

Det jag försöker uppnå är en kort snutt HTML-kod som andra ska kunna inkludera på sina webbsajter. Jag har därför ingen aning om omkringliggande kod eller möjlighet att förändra den.

Problemet låg i att man, oväntat nog, inte kan ha en div-tag i en a-tag. div-tagen verkar ha ärvt egenskaperna av a-tagen. Eftersom HTML-koden genererades av javascript i mitt fall har jag inte kör den i validatorn.

du kan inte köra <div> inuti någon tag utom <div> typ.. dom bråkar gärna inuti

med har jag upptäckt

Då blev jag sugen på att klämma ut en ny artikel, och så blev det! :)

Jag vet inte om du fick ordning på det eller inte, men jag beskriver ingående om hur prioriteten för css-selektorer fungerar.

http://www.deserveit.se/artikel/webbutveck...et-och-relevans

Man får inte stoppa in <div> inom

så det är inte så konstigt att det muppar sig. ;) <div> får användas inom andra blockelement men inte inom

. Det är ganska logiskt egentligen: div är en sektionsavgränsare, en generell s.k. "container" medan p är menat att dela upp textinnehåll i stycken.

Följande sida tycker jag förklarar css-specificitet på ett bra och ganska roligt sätt:
http://www.stuffandnonsense.co.uk/ar...city_wars.html

totoo:
Kanon! Lärde mig lite nytt. Tackar!