作者danny8376 (釣到一隻猴子@_@)
標題Re: [問題] tabel 竒偶數行的css
時間Wed Sep 25 23:49:30 2013
※ 引述《LaPass (LaPass)》之銘言:
: 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要怎麼寫?
很簡單 不要用.a的順序去選奇偶
用tr的順序選完奇偶後再去選其中的.a
針對a的部分修改成
/* class a 要換成紅色系 */
tr:nth-child(even).a
{
background: #FCC
}
tr:nth-child(odd).a
{
background: #F33
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.115.216.102
→ danny8376:對了 你的表達不是很好理解啊XD 09/25 23:50
→ danny8376:而且深淺的定義感覺頗奇妙XD 09/25 23:51
推 LaPass:原來如此,感謝!! 09/26 01:11
→ aspdoctor:原來有回答了,哈哈 09/26 10:39