12. november 2005 - 16:07Der er
8 kommentarer og 1 løsning
Sæt anden style på 1. instans af et element
Kan man med CSS lave det således at første instans af fx h1 har én style, mens de efterfølgende h1 har en anden?
Det er i et CMS (TYPO3) hvor jeg ikke kan ændre klasse på h1, og jeg vil gerne sikre mig at brugerne, når de opretter indholdelementer med h1-overskrifter, få en større overskrift øverst og en mindre på efterfølgende h1-overskrifter.
Løsningen skal fungere i de mest brugte browsere.
Kan det ikke lade sig gøre, kunne en javascript-løsning evt. accepteres (fx en det løber alle h1 igennem og giver særlig klasse på den første).
Det lader sig ikke gøre med CSS. Du kunne bruge pseudo-selectoren 'first-child', men den er ikke understøttet af IE (<7). Så du må nok ty til JavaScript...
Ja, det er jeg også bange for... og javascript er jo ikke den mest vel-understøttede løsning.
Jeg lader spørgsmålet stå åbent. Hvis der er nogle der har en javascript-løsning, må de gerne melde ind. Hvis det er bedst, kan disse folk bede mig oprette et nyt spørgsmål i javascript-kategorien...
Til nysgerrige TYPO3-folk må jeg hellere sige at jeg har fundet en anden løsning i mellemtiden da jeg fandt ud af at TYPO3 faktisk nummererer klassen den DIV der indkapsler h1-elementer.
Denne style rammer den 1. h1: div.csc-header-n1 H1 { noget styling }
Denne style rammer den x. h1: div.csc-header-nX H1 { noget styling }
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
