gpt4 book ai didi

html - 如何在表格中格式化特殊的 TD?

转载 作者:太空宇宙 更新时间:2023-11-04 06:41:50 26 4
gpt4 key购买 nike

我这里有两个既没有类也没有 ID 的表,我也无法编辑。

但我可以编辑它们的 CSS。

如何在 CSS 中格式化第二个表的三个 TD(内容为“xxx、yyy、zzz”)。
可能嵌套的“第 n 个 child ”或类似的东西有帮助吗?
我试过一些东西,但它总是影响两个表。但它应该只会影响第二个表。

 <h4>sdkfjsdhgfksd</h4>
<table>
<tr>
<td>This</td>
<td>Little</td>
<td>Piggy</td>
<td>Went</td>
<td>To</td>
<td>Market</td>
</tr>
<tr>
<td>1</td>
<td>22</td>
<td>333</td>
<td>4444</td>
<td>55555</td>
<td>666666</td>
</tr>
</table>
<h4>tzutututzuutzu</h4>
<table>
<tr>
<td>This</td>
<td>Little</td>
<td>Piggy</td>
<td>Went</td>
<td>To</td>
<td>Market</td>
</tr>
<tr>
<td>1</td>
<td>22</td>
<td>xxx</td>
<td>yyy</td>
<td>zzz</td>
<td>666666</td>
</tr>
</table>

最佳答案

table:nth-of-type(2) /* select second table */
tr:nth-of-type(2) /* select second row of the table */
td:nth-child(3), /* select third child of the row */
table:nth-of-type(2) tr:nth-of-type(2) td:nth-child(4),
table:nth-of-type(2) tr:nth-of-type(2) td:nth-child(5) {
background-color: red;
}
<h4>sdkfjsdhgfksd</h4>
<table>
<tr>
<td>This</td>
<td>Little</td>
<td>Piggy</td>
<td>Went</td>
<td>To</td>
<td>Market</td>
</tr>
<tr>
<td>1</td>
<td>22</td>
<td>333</td>
<td>4444</td>
<td>55555</td>
<td>666666</td>
</tr>
</table>
<h4>tzutututzuutzu</h4>
<table>
<tr>
<td>This</td>
<td>Little</td>
<td>Piggy</td>
<td>Went</td>
<td>To</td>
<td>Market</td>
</tr>
<tr>
<td>1</td>
<td>22</td>
<td>xxx</td>
<td>yyy</td>
<td>zzz</td>
<td>666666</td>
</tr>
</table>

关于html - 如何在表格中格式化特殊的 TD?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53685504/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com