Avatar billede daniel_d Nybegynder
19. april 2007 - 15:39 Der er 9 kommentarer og
1 løsning

speciel css for 1. entry af en class - muligt?

Hej eksperter :)

jeg vil gerne høre jeres vurdering, om det er muligt at lave en css for 1. entry af en class og en anden css for alle efterfølgende entries...

Så hut jeg visker var det muligt i et par browsere, men det er nødvendigt at være mere eller mindre cross browser kompatibelt.
Avatar billede daniel_d Nybegynder
19. april 2007 - 15:41 #1
Avatar billede daniel_d Nybegynder
19. april 2007 - 15:42 #2
og first-child er ganske rigtigt ikke understøttet af IE - så spørgsmålet kan omformuleres til: kender nogen en work-around?
Avatar billede roenving Novice
19. april 2007 - 15:59 #3
Kan du ikke bare sætte en ekstra klasse på det element:

<ELEMENT class="minKlasse extraKlasse">Noget</ELEMENT>
Avatar billede daniel_d Nybegynder
19. april 2007 - 16:05 #4
desværre da det er output fra et cms jeg er ved at style...
Avatar billede roenving Novice
19. april 2007 - 16:11 #5
-- så skal du nok ud i noget javascript-noget ...

-- det er ikke så vanskeligt, men hvis det er vigtigt, at det første element opfører sig anderledes (og der er en væsentlig forskel !-), er du ude i noget snavs, for det er ikke det smarteste at basere sit design på javascript-funktioner ...

-- men det kan være nødvendigt nogle gange !o]
Avatar billede daniel_d Nybegynder
19. april 2007 - 16:16 #6
det er margin, padding og color der skal pilles ved...
Avatar billede roenving Novice
19. april 2007 - 16:23 #7
F.eks.

<script type="text/javascript">
window.onload = function(){
  var divs = document.getElementsByTagName("div");
  for(i=0,im=divs.length;im>i;i++){
    if(divs[i].className.indexOf("minKlasse")>-1){
      divs[i].style.margin = "0 12px";
      divs[i].style.padding = "0 12px";
      divs[i].style.color = "blue";
      break;
    }
  }
}
</script>

-- og du skal selvfølgelig lave evt. ændringer i både element-type, klassenavn og style-properties !-)
Avatar billede daniel_d Nybegynder
19. april 2007 - 16:28 #8
jeg takker... det ser fornuftigt ud :)
Altså så fornuftigt som et javacript nu kan være i den situation.

Smider du et svar?
Avatar billede roenving Novice
19. april 2007 - 16:30 #9
Velbekomme '-)
Avatar billede roenving Novice
19. april 2007 - 23:53 #10
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester