个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-11-28 16:38:34 29 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”)。

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

29 4 0
文章推荐： python - {{ field }} 如何在 django 模板中显示字段小部件？
文章推荐： javascript - 动态添加成员到 javascript 对象
文章推荐： python - 在 Django 类与文件中组织测试
文章推荐： asp.net - 使用客户端代码从文本框中删除 READONLY 属性
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com