gpt4 book ai didi

HTML 第一个表格列如何反转 "td + td"?

转载 作者:行者123 更新时间:2023-11-28 16:38:34 30 4
gpt4 key购买 nike

<分区>

我正在构建一个与此类似的表:

<head>
<style>
td + td {
background-color: red
}
</style>
</head>

<body>
<table style="border: solid 1px black">
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</table>
</body>

使用“td + td”选择除第一列以外的所有内容,这对我来说效果很好。

<head>
<style>
td + td {
background-color: red
}
</style>
</head>

现在通过使用“td:first-child”反转“td + td”的作用也可以正常工作:

<head>
<style>
td:first-child {
background-color: red
}
</style>
</head>

<body>
<table style="border: solid 1px black">
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</table>
</body>

但是我正在寻找一种方法来将“td + td”转过来(反向/反向)以执行与“td:first-child”相同的操作。换句话说,我正在寻找类似“td - (td + td)”的东西,它实际上不是一段有效的代码。所以我可以把它放入 <style></style>我的 HTML 文件中的标记。

寻找解决方案并没有让我到任何地方,所以我来了,嗨。

编辑:
这里基本上可以实现两个结果:
- 选择除第一列以外的所有内容

- 仅选择第一列
两者都可以采用不同的方法。到目前为止,我已经了解了两种方法

“选择所有但第一列”

1. "td + td"
2. "td:nth-child"

还有一种方法可以实现

“仅选择第一列”

1. "???"
2. "td:first-child"

我在没有使用任何版本的 :nth-child 或 :type 等的情况下缺少“td + td”的对应项(寻找无冒号版本,如“td + td”)。

为什么?学习更多处理事情的方法,以提高我的整体编码技能。

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