HTML表格行背景颜色与float属性的预期不符

我的表有像Name=Value这样的列对。为了清晰可见，包含名称的“td”元素的样式为float:right。但这打破了偶数/奇数背景色CSS规则。我希望类为DK_name的td使用另一个CSS规则中定义的背景色填充

你知道怎么解决这个问题吗

先谢谢你

CSS:

HTML:

name_00_blah=123.4 name_01=123.7
name_10=123.5 name_11_blah_blah=123.8
name_20_blah_blah=123.6 name_21_blah=123.9

---

您可能试图将文本向右对齐，但是

float

不是正确的设置

tr:nth-child(odd) td{background-color:#DDDDDD;color:black;}
tr:nth-child(even) td{background-color:#FFFFFF;color:black;}

改用这个：

td.DK_name { text-align: right; }

---

顺便说一句，您不需要特殊的类来将表的行条带化。您可以为此使用CSS伪类

tr:nth-child(odd) td{background-color:#DDDDDD;color:black;}
tr:nth-child(even) td{background-color:#FFFFFF;color:black;}

name_00_blah=123.4 name_01=123.7
name_10=123.5 name_11_blah_blah=123.8
name_20_blah_blah=123.6 name_21_blah=123.9

tr:nth-child(odd) td{background-color:#DDDDDD;color:black;}
tr:nth-child(even) td{background-color:#FFFFFF;color:black;}

<table border='0' cellpadding='7' cellspacing='1'>
    <tr><td class='DK_name'>name_00_blah =</td><td>123.4</td><td class='DK_name'>name_01 =</td><td>123.7</td></tr>
    <tr><td class='DK_name'>name_10 =</td><td>123.5</td><td class='DK_name'>name_11_blah_blah =</td><td>123.8</td></tr>
    <tr><td class='DK_name'>name_20_blah_blah =</td><td>123.6</td><td class='DK_name'>name_21_blah =</td><td>123.9</td></tr>
</table>