SORU
21 HAZİRAN 2010, PAZARTESİ


Diğer tablo satır rengi kullanarak CSS?

Bu alternatif satır rengi ile bir tablo kullanıyorum.

tr.d0 td {
  background-color: #CC9999;
  color: black;
}
tr.d1 td {
  background-color: #9999CC;
  color: black;
}
<table>
  <tr class="d0">
    <td>One</td>
    <td>one</td>
  </tr>
  <tr class="d1">
    <td>Two</td>
    <td>two</td>
  </tr>
</table>

Burada tr, sınıf kullanıyorum ama table sadece kullanmak istiyorum. Daha tablo için sınıf kullandığımda bu tr alternatif üzerinde etkilidir.

Bu kullanarak CSS gibi HTML yazabilirim?

<table class="alternate_color">
    <tr><td>One</td><td>one</td></tr>
    <tr><td>Two</td><td>two</td></tr>
    </table>

Bir yolu var mı?

CEVAP
21 HAZİRAN 2010, PAZARTESİ


CSS seçici var, gerçekten sözde seçici, nth-çocuk aradı. Saf CSS aşağıdakileri yapabilirsiniz:

tr:nth-child(even) {
    background-color: #000000;
}

Not:IE 8 desteği yok.

Veya, Eğer bir WordPress kullanmak varsa:

$(document).ready(function()
{
  $("tr:even").css("background-color", "#000000");
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Emotional Trancer

    Emotional Tr

    4 Mart 2010
  • FlippinWindows | #1 Windows Tutorial Channel!

    FlippinWindo

    23 Mayıs 2010
  • HowtoDrawAndPaint

    HowtoDrawAnd

    24 EKİM 2010