如何将所有td与中心对齐，除了带有类的td

Question

例如我有这些代码

<tr>
 <td class="foo">chuchu</td>
 <td>chuchu</td>
 <td>chuchu</td>
 <td>chuchu</td>
 <td>chuchu</td>
</tr>  

如何将它们与中心对齐，除了带有类的td？

Answer 1

尝试这样的事情 -

tr:not(:first-child) { text-align: center; }

:not和:first-child选择器的组合将确保样式会跳过父div的第一个子项。

但如果您的物品订单未知，请尝试 -

:not([class])

因此，在您的情况下，td:not(.foo) { text-align: center; }应该有效。

Answer 2

你可以试试这个。根据您在评论部分对我的问题的回答，我提出了一个更简单的解决方案：

<强>的CSS

td{
    text-align:center;
}

.foo{
    text-align:left !important;
}