Pruhované tabulky v CSS3 pomocí preprocesoru Stylus.

Zpět
test 1 test 2 test 3
test 1 test 2 test 3
test 1 test 2 test 3
test 1 test 2 test 3
test 1 test 2 test 3
test 1 test 2 test 3
Stylovaní v CSS
table tr {
  background-color: #eee;
}
table tr.even,
table tr:nth-child(even) {
  background-color: #fff;
}
table td {
  padding: 5px 10px;
}
table#uzivatele tr {
  background-color: #494848;
}
table#uzivatele tr.even,
table#uzivatele tr:nth-child(even) {
  background-color: #303030;
}
table#uzivatele td {
  color: #fff;
}

See the Pen vEEozv by Martin Jinda (@Mardzis) on CodePen.

Stylovaní pomocí preprocesoru Stylus
pruhy(suda = #fff, licha = #eee)
   tr
     background-color licha
     &.even
     &:nth-child(even)
       background-color suda
 table
   pruhy()
   td
     padding 5px 10px
 table#uzivatele
   pruhy(#303030, #494848)
   td
     color white

See the Pen YPPmOR by Martin Jinda (@Mardzis) on CodePen.