CSS och "first" : ändra format bara för första rubriken

Tråden skapades och har fått 4 svar. Det senaste inlägget skrevs .
1

Jag har en sida med h3-rubriker men en margin-top: 35px.
Den första rubriken ska ha margin-top: 0

Jag har tidigare sett att man kan använda
h3.first {margin-top: 0;}
men det händer inget alls i mitt fall.

Jag googlade fram att
div > h3 {margin-top: 0;}
betyder en h3-tag som kommer direkt efter en div-tag. Detta funkar ... men påverkar alla h3-taggar även de som kommer efter en p-tag längre ner på sidan.

Kan någon hjälpa mig reda ut begreppen på det här med "first"?

i h3.first {margin-top: 0;} är "first" ett klassnamn. vilket innebär att du måste ange den h3 rubriken som ska ha 0px marginal med ett klassnamn vilket du hör genom att sätta in class="first" i tagen:
<h3 class="first">Rubriktext</h3>

Det finns en så kallad pseudo-selector som betecknas :first-child som du kan använda. T.ex. så här: h3:first-child { margin-top: 0; }

Tyvärr fixar inte Internet Explorer 6 det (heller) men en någorlunda modern browser (Safari, Firefox 2+, IE7 osv) har inga problem med :first-child eller andra pseudo-selectors.

Tack för hjälpen. Jag hade självklart missat det där med class.

där lärde jag mig nått också. Trodde att Anders var helt ute och cyklade, men så var inte fallet.

1
Bevaka tråden