<tr>中第一个<td>的CSS样式
<tr>中第一个<td>的CSS样式
提问于 2013-10-05 09:14:25
我试图将我的所有元素都设置为右对齐，但第一个元素除外，我希望它左对齐。我试过这个：
<style>
td { text-align: right };
td:first-child { text-align: left };
</style>这使得所有单元格都右对齐。如果我交换这两行的顺序，那么所有单元格都是左对齐的。高度迷惑。根据w3schools的说法，
: first -child选择器用于选择指定的选择器，前提是该选择器是其父选择器的第一个子项。
但这似乎并没有发生在我身上。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-10-05 09:19:51
您的语法不正确。
td { text-align: right }; /* This was being applied */
td:first-child { text-align: left }; /* This wasn't.. */应该是：
td { text-align: right; }
td:first-child { text-align: left; }注意分号-它们不应该在括号{}之外
除此之外，您还正确地使用了:first-child。
Stack Overflow用户
发布于 2015-04-17 01:23:29
td:nth-child(2) { text-align: right; }你可以在一行中做到这一点。
Stack Overflow用户
发布于 2013-10-05 09:31:11
另一种选择，取决于您想要做什么：
table tr td {
background-color:red;}
table tr td:nth-child(1) {
background-color:green;}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19192960
复制相关文章
相似问题