[martine]

Originally posted by terbon@Jul 14 2008, 10:37
Jag försöker alltid följa http://exscale.se/archives/2007/11/25/one-...-id-per-module/ . Detta är mest för att du i väldigt många fall inte behöver en klass, utan kan komma åt dem genom att ha nästlade id:n, med ex. p-taggen.

Bra exempel, i allmänhet verkar css-kunskaperna vara ganska usla verkar det som.

Det finns så mycket mer man enkelt kan åstadkomma.

Exempelvis:
Länkar (inte ankare) som inte ligger i textblock

div>a[href] {display: block; text-decoration: none; border-bottom: 1px dotted red}

Första stycket efter h1-rubrik i contentdelen ska vara i fetstil och med större avstånd:

div#content h1+p {margin: 1em 0; font-weight: bold}

h2-rubriken ska vara dubbelt så stor om den är första innehållet:

div#content h2:first-child {font-size: 200%}

Egentligen kan man göra nästan hur komplicerade regler som helst nästan helt utan att använda class. Enda nackdelen är att mer avancerad css inte fungerar i IE 6 men de som fortfarande använder IE6 brukar inte vara så kräsna användare så det ställer sällan till problem.