需求: 将 table 列表中的第二列宽度设为 300px.
说明: 利用 ntn-child(n) 选择器进行实现. 其中 n 代表选择元素中的第几个元素, 第几个就写几, 特殊的, 要选中第一个可以写为:
first-child, 要选中最后一个可写为, last-child, 要选择偶数个, 可写为 nth-child(2n), 同理, 奇数列可写为 nth-child(2n+1), 这不仅适用于 table 的列, 也适合于所有选中的元素.
实现: 可以将样式设为
- table tr td:ntn-child(2)
- {
- width:300px
- }
进行实现.
来源: https://www.2cto.com/kf/201808/774810.html