通过在当前单元格上应用 CSS（HTML 和 CSS），将 CSS 应用到前一个单元格/第 n 个单元格

Question

1. 我想在 prev 上应用使用 Class 的样式（最好但不是强制性的）。当前单元格中的单元格。
2. 基于下面的示例，如果 Type 等于 TypeName-1，我想隐藏 checkbox1（在第一列）
3. 编码限制，

   3.1）我只能在除第一个（复选框）列之外的任何列上应用 CSS。

因此，基于上述限制，我需要一种在 NAME 列上应用 CSS 的方法，并且它应该 反映 在隐藏复选框在前一个单元格中或第一个单元格！

Check All	Name	Type
checkbox 1	Name 1	TypeName-1
checkbox 2	Name 2	TypeName-2

我试过了，
[1] tbody>tr>:nth-child(cellnumber) 但它不起作用，因为在应用 css 的 td 单元格中找不到任何元素 (tbody, tr)。

[2] 仅使用 :nth-child(1) 适用于当前单元格，使用 -ve number 将不适用于前一个单元格。

Answer 1

遗憾的是，目前 css 中没有以前的选择器，但有一个 next select 所以一个花哨的技巧是像这样更改为 html 和 dir：

<table class="s-table" dir="rtl">
    <thead>
        <tr>
            <th>Type</th>
            <th>Name</th>
            <th>Check All</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="type-1">TypeName-1</td>
            <td>Name 1</td>
            <td class="checkbox">checkbox 1</td>
        </tr>
        <tr>
            <td>TypeName-2</td>
            <td>Name 2</td>
            <td class="checkbox">checkbox 2</td>
        </tr>
    </tbody>
</table>

并在 css 中使用像这样的下一个选择器

.type-1 ~ .checkbox {
    display: none;
}