Vinnaren i pepparkakshustävlingen!
  • 1
  • 2
2018-05-04, 05:01
  #13
Medlem
xitunos avatar
Citat:
Ursprungligen postat av Flach1337
Har testat med onload funktionen.
Har testat att ha javascriptet innanför </body>

6e td finns ju?

Hur räknar du då?
När jag gick i skolan (vilket visserligen var länge sedan, så det kan ju ha ändrats) gick talföljden 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, och så vidare.

Om man frågar dina föräldrar hur många barn de har, räknar de då med alla barnen i kommunen?


Kod:
<tr> <!-- Här börjar den första tr -->
  <
td><span>X</span></td> <!-- Här är det första td inuti den första tr --> 
  <
td><span>X</span></td> <!-- Här är det andra td inuti den första tr --> 
  <
td><span>X</span></td> <!-- Här är det trejde td inuti den första tr --> 
</
tr>
<
tr> <!-- Här börjar den andra tr -->
  <
td><span>X</span></td> <!-- Här är det första td inuti den andra tr --> 
  <
td><span>X</span></td> <!-- Här är det andra td inuti den andra tr --> 
  <
td><span>X</span></td> <!-- Här är det trejde td inuti den andra tr --> 
</
tr
Titta nu på den selector du skrivit:
Citat:
tr td:nth-child(6) span
  • Leta upp det första tr-elementet
  • vars sjätte barn är ett td-element
  • som har ett span-element som barn

Så, återigen frågar jag: Hur många barn finns det i dina tr-element?
Jag ser bara 3: första, andra och tredje. Sen finns det inga fler barn i det tr-elementet.
Sen ser jag ett nytt tr-element. Det elementet har också tre barn: första, andra och tredje.
Citera
2018-05-04, 07:50
  #14
Medlem
Testa detta.
nth-child(3n+0)
Kolla sista exemplet här.
https://www.w3schools.com/cssref/sel_nth-child.asp
Citera
  • 1
  • 2

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback