我试图将我的所有元素都设置为右对齐,但第一个元素除外,我希望它左对齐。我试过这个:
<style>
td { text-align: right };
td:first-child { text-align: left };
</style>
这使得所有单元格都右对齐。如果我交换这两行的顺序,那么所有单元格都是左对齐的。高度迷惑。根据w3schools的说法,
: first -child选择器用于选择指定的选择器,前提是该选择器是其父选择器的第一个子项。
但这似乎并没有发生在我身上。
发布于 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
。
发布于 2015-04-17 01:23:29
td:nth-child(2) { text-align: right; }
你可以在一行中做到这一点。
发布于 2013-10-05 09:31:11
另一种选择,取决于您想要做什么:
table tr td {
background-color:red;}
table tr td:nth-child(1) {
background-color:green;}
https://stackoverflow.com/questions/19192960
复制相似问题