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; 並且這將阻止它被覆蓋，無論它在哪個文件中。