这个id可以改成一个类，所以我没有22个吗？

Question

这是我的第一篇文章，我不知道如何以不同的方式构建代码。

首先，一切都显示正常，如果我有22个不同的ID，它也会很好地验证。

在我的表格中，该列由第n个孩子设置为对齐所有中心。

如果我对TD进行分类，则该类将被第TR个孩子覆盖

所以我目前有这个HTML

<td colspan="2" id="statsdiv">Total of Houses&#46;&#46;</td>

这个CSS

  #statsdiv {text-align:right;}
.table1861 tr td:first-child {
    text-align:center;
}

表格中有355行，22表示需要与右侧对齐。当然，我不需要具有22个不同后缀的相同ID

谢谢

Answer 1

与评论中提到的Harry一样

规则

.table1861 tr td:first-child {
   text-align:center;
}

永远不会覆盖

#statsdiv {text-align:right;}

因为ID是更具体的标识符。 More details on CSS specificity can be found here

所以可能你没有在你的例子中显示所有ID和类，这就是为什么你可能真正面对你在问题中所说的问题。

要回答问题的其他部分：是的，只需添加class代替id，如：

<td colspan="2" class="align-right">Total of Houses&#46;&#46;</td>

应该有效：

 .table1861 tr td.align-right {text-align:right;}

但您可能希望查看calculating a selector's specificity以避免遇到任何问题

Answer 2

将您的ID更改为一个类，然后在您的css中为该类使用！important选择器右对齐后，这将使其优先。