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

Tråden skapades 2009-04-16 och har fått 4 svar. Det senaste inlägget skrevs 2009-04-19.

2009-04-16 20:09

Anders T
Medlem ●
Köping
2009-04-16 20:09

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"?

Anmäl Ändra Gilla Svara

2009-04-16 20:27

lill_postiZ
Medlem ●
Brmähult
2009-04-16 20:27

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>

Anmäl Ändra Gilla Svara

2009-04-17 07:36

pjohansson
Medlem ●
Stockholm
2009-04-17 07:36

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.