Html CSS样式表即使在最后一个序列中也会被覆盖

以下是我的主jsp文件的一些代码：

<link rel="stylesheet" type="text/css" href="<c:url value='/styles/bootstrap.min'/>,bootstrap-switch.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<c:url value='/styles/main.css'/>"/>

<td class="testjx">
     1000000
</td>

这是我的子jsp文件：

<link rel="stylesheet" type="text/css" href="<c:url value='/styles/bootstrap.min'/>,bootstrap-switch.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<c:url value='/styles/main.css'/>"/>

<td class="testjx">
     1000000
</td>

1000000

当我在浏览器中查看页面时，我发现

vertical align:middle

被

bootstrap css

文件覆盖，如下屏幕截图：

我尽力找出根本原因，但失败了。请告知。

您必须这样做：

table tr td.testjx, table tfoot tr td.testjx, table thead tr td.testjx, table tbody tr td.testjx{
    vertical-align:middle;
}

您需要检查类的位置以缩短css代码…检查 如果是在tfoot、thead或tbody或general上

---

我通过添加

来解决这个问题！重要信息

至相关CSS，即

字体重量：粗体！重要的，无论它在哪个文件中，都会停止覆盖它。简单。
但我只想应用于1
td
。这将适用于表中的整个
td
，对吗？或者你的意思是在td中设置css类对某些属性没有任何影响，比如
vertical align
？这个css代码只会影响
td
width类
。testjx
使用表tr td:nth child（n）.testjx{vertical align:middle；}在其中你想要应用td，实际上我只想应用于1
td
，我一行有很多td，但我只想申请一个td。如果我输入
.testjx tbody tr td
，我的整个td都会受到影响，并变成低颜色。对不起，我的眼睛一直盯着代码，所以太模糊了。刚发现我的代码和你的代码其实不一样，一开始我觉得是一样的，哈哈。我用字体的重量作为例子，我知道你在看垂直对齐，但这个原则仍然适用。