Avatar billede bhn.314 Nybegynder
17. februar 2005 - 10:48 Der er 4 kommentarer og
1 løsning

Override td class via tr class

Jeg er ved at lave noget html/css hvor jeg vil ændre farve for hver 10 linje, jeg vil override td class'en via tr. Udgangspunktet er:

<tr>
  <td class="whitebox">345345</td>
  <td class="whitebox">KBH</td>
  <td class="whiteboxLast">17/1</td>
  <td class="whiteboxLast">5%</td>
</tr>

Jeg har forsøgt på hver 10 linje at gøre følgende; uden held:

<tr style="border-bottom: 1px solid #333333;">
  <td class="whitebox">345345</td>
  <td class="whitebox">KBH</td>
  <td class="whiteboxLast">17/1</td>
  <td class="whiteboxLast">5%</td>
</tr>

Kan man ikke undgå at skulle lave hver td class om og så bare override class i alle td. (Bemærk at de enkelte td class's ikke er ens)
Avatar billede roenving Novice
17. februar 2005 - 12:23 #1
Jo, men du skal gøre det i dit stylesheet !-)

-- lav en stribe nye selektorer, som har den nye egenskab:

<tr class="bundstreg">
  <td class="whitebox">345345</td>
  <td class="whitebox">KBH</td>
  <td class="whiteboxLast">17/1</td>
  <td class="whiteboxLast">5%</td>
</tr>

-- og i stylesheetet:

.bundstreg .whitebox,.bundstreg .whiteboxLast{
  border-bottom: 1px solid #333333;
}

-- og du kan tilføje alle forskellige classes i listen, men bemærk syntaksen:

.class1 .class2

mellemrummet betyder, at det kun gælder, hvis class2 er inde i et element som har class1 !-)

-- og komma betyder forskellige elementer i en liste !o]
Avatar billede bhn.314 Nybegynder
17. februar 2005 - 13:54 #2
Tak, tak, tak ! Du har reddet min dag. Smid et svar og få point...
Avatar billede bhn.314 Nybegynder
17. februar 2005 - 13:54 #3
Verdensklasse....
Avatar billede roenving Novice
17. februar 2005 - 13:56 #4
Velbekomme '-)
Avatar billede roenving Novice
17. februar 2005 - 14:03 #5
-- 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