时间戳

首页 > 解决方案 > 覆盖我无法访问的 CSS 引导属性

css - 覆盖我无法访问的 CSS 引导属性

问题描述

我正在尝试找到一个 css 技巧来在 td 单元格的内容上垂直对齐中间。

所以html结构是

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

默认情况下vertical-align:top，td 上的引导设置。

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

我正在尝试在myLine类中设置一个属性，让我可以从 td 中覆盖该属性。

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

感谢您的帮助，任何想法都可以接受。

标签： css

解决方案

你说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.

推荐阅读