做了一晚上的恶梦(34岁的学前端那人)

昨天晚上孩子们睡觉晚了些,所以我开始学习的时间推迟到了10点,学到12点,有点累,做了一晚上恶梦,梦里在跟选择器较劲。

昨晚主要学习了CSS的样式化表格,有一个地方搞不明白,但是还是提交了一份带着困惑的小作业

不明白的地方是关于style.css第13行~19行的选择器,虽然达到了相应的效果,但我应该是用错了,请帮我看是用错了吗?正确的怎么写呢?

非常感谢!

css
172 views
Comments
登录后评论
Sign In
·

直接 tr 选子类对齐就可以:

tr:nth-child(2) {
    text-align: left;
}

选择器示例

tr:nth-child(2n+1)表示HTML表格中的奇数行。tr:nth-child(odd)表示HTML表格中的奇数行。tr:nth-child(2n)表示HTML表格中的偶数行。tr:nth-child(even)表示HTML表格中的偶数行。

参考 mdn 文档:nth-child