作者LaPass (LaPass)
看板Web_Design
標題[問題] tabel 竒偶數行的css
時間Wed Sep 25 23:07:51 2013
http://i.imgur.com/pIvNPqM.jpg
<tbody>
<tr class="a" > (後略)
<tr class="b" > (後略)
<tr class="b" > (後略)
<tr class="a" > (後略) ← 這兩行顏色反了
<tr class="a" > (後略) ←
<tr class="c" > (後略)
<tr class="d" > (後略)
</tbody>
/*一般的TR就一灰一白*/
tr:nth-child(even)
{
background: #CCC
}
tr:nth-child(odd)
{
background: #FFF
}
/* class a 要換成紅色系 */
.a:nth-child(even)
{
background: #FCC
}
.a:nth-child(odd)
{
background: #F33
}
我希望 tr 的顏色是一淺一深
但是我目前的CSS是照 class a 出現的順序一淺一深
請問這個css要怎麼寫?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.38.71.66
推 EROS4:配上圖也看不大懂你的需求描述噎 09/25 23:47
→ LaPass:感謝 m(_ _)m 09/26 01:15
→ liaosankai:標題單字怪怪的 09/26 08:50
→ LaPass:我現在才發現標題打錯字.... = = 09/26 10:00
推 aspdoctor:要先看奇數偶數再看是不是.a 09/26 10:37
→ aspdoctor:你現在是只看.a的奇偶,所以怪怪的 09/26 10:38