作者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
1F：→ danny8376:对了 你的表达不是很好理解啊XD 09/25 23:50
2F：→ danny8376:而且深浅的定义感觉颇奇妙XD 09/25 23:51
3F：推 LaPass:原来如此，感谢!! 09/26 01:11
4F：→ aspdoctor:原来有回答了，哈哈 09/26 10:39