Question

如何使用tablename更改表格内的tr背景颜色作为mytable。我需要使用CSS更改它......可能吗？

试过这个：

table {
    width:100%;
}
tr {
    height:50px;
    background:#000000;
}
tr + tr {
    background:#E5F1CC;
}
tr + tr + tr {
    background:#D30A0A;
}
tr + tr + tr + tr {
    background:#656766;
}

Answer 1

你很好。您只需要使用:first-child伪类。

具体来说，试试这个CSS：

table[name="mytable"] {
    width:100%;
}
table[name="mytable"] tr td{
    height:50px;
}
table[name="mytable"] tr:first-child td{
    background:#000000;
}
table[name="mytable"] tr:first-child + tr td{
    background:#E5F1CC;
}
table[name="mytable"] tr:first-child + tr + tr td{
    background:#D30A0A;
}
table[name="mytable"] tr:first-child + tr + tr + tr td{
    background:#656766;
}

<强> Working Fiddle

Answer 2

您可以在此找到有效的示例：http://jsfiddle.net/DA8z4/

table[name="mytable"] tr:first-child td{
    background:red;
}
table[name="mytable"] tr:first-child + tr td{
    background:yellow;
}
table[name="mytable"] tr:first-child + tr + tr td{
    background:blue;
}

如何在css中更改表内的tr bgcolor

2 个答案: