Question

好的，我得到了这些css＆amp;它工作正常

table td, th{
  padding: 5px;
  border:0px solid black;
  text-align:left; 
}

table tr:nth-child(odd) td{
    /* background-color:  #cce5ff; */
    background-color: #F1FCFD;
}
table tr:nth-child(even) td{
    /* background-color:    #ffccff; */
    background-color: #f3f7fb;
}
table tr:nth-child(odd) th{
    background-color: #ffcc99;
}
table tr:nth-child(odd) tf{
    background-color: none;
}

现在我要清除td的背景所以我做了：

.noBg{
background-color: none;
}

table.rule2 tr:nth-child(odd) td{
    background-color: none;
}
table.rule2 tr:nth-child(even) td{
    background-color: none;
}



  <table>
        <tr >
        <td colspan="2" class="noBg"><center><input type="submit" value="Login" /></center></td>
        </tr>

<tr >
        <td colspan="2" class="rule2"><center><input type="submit" value="Login" /></center></td>
        </tr>
    </table>

但两种解决方案都不起作用！

SO，如何覆盖表格的背景颜色？

Answer 1

我认为你所寻找的是价值“透明”。

Answer 2

我修好了

table tr:nth-child(odd) td.rule2{
    background-color: transparent;
}
table tr:nth-child(even) td.rule2{
    background-color: transparent;
}

如何覆盖表格的背景颜色？

2 个答案: