css - 覆盖我无法访问的 css bootstrap 属性

Question

我正在尝试找到一个 css 技巧，使 td 单元格的内容垂直居中。

所以html结构是

<tr class="myLine">
    <td class="notMyCell"> content cell </td>
</tr>

默认 Bootstrap 设置 vertical-align:top 在 td 上。

问题是，td 的全部内容不是由我的应用程序部分处理的。这意味着，我无法在 .notMycell 类上设置 vertical-align:middle。我什至不能在这个 td 上放置内联 css。我无法控制整条线。我不能只为 notMyCell 类创建自己的 css，因为有一天这个类名可能会改变。

我正在尝试在 myLine 类中设置一个属性，让我从 td 中验证该属性。

我什至不确定这是否可能。

感谢您的帮助，任何想法都会很好。

Answer 1

你说过 class 可以改变。
因此，您可以使用 data 属性来查找元素。

<tr class="myLine" data-id="customrow">
    <td class="notMyCell"> content cell </td>
</tr>

然后在你的 css

[data-id="customrow"] > td {
    vertical-align: ... !important;
}

使用 !important 覆盖 css。