CSS样式表被覆盖，即使它是最后一个序列

Question

这是我的主要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'/>"/>

main.css在bootstrap css之后的行中，因此通常， main.css将覆盖bootstrap css 。 （如果我做错了，请纠正我。）

在main.css内部，我创建了1个类，如下所示：

.testjx{
    background-color: yellow;
    vertical-align:middle;
}

这是我的子jsp文件：

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

当我在浏览器中查看页面时，我发现bootstrap css文件覆盖了vertical-align:middle ，如以下屏幕截图所示：

我尽力找出根本原因，但是失败了。 好心提醒。

Answer 1

您必须这样做：

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

您需要检查该类在哪里缩短CSS代码...检查是在脚踩脚，thead还是tbody或将军上

此处演示

Answer 2

我通过在相关CSS中添加!important来解决此问题，即font-weight:bold !important; 并且这将阻止它被覆盖，无论它在哪个文件中。