Html 为什么我更具体的CSS样式没有覆盖引导？

我无法让CSS样式覆盖引导的默认样式，以对齐我的表标题。这是我的桌子：

<table class="userProjectsTable" id="userLeadProjectsTable">

    <tr class="userProjectsHeaderRow" id="userLeadTableHeaderRow">
        <th>Project Title</th>
        <th>Created Date</th>
        <th>Currently Active</th>
        <th>Go to Project Workspace</th>
    </tr>
    <tr> ...rest of rows... </tr>
</table>

但是当我检查源代码时，它说它是从Bootstrap的table.less CSS表中获取文本对齐方式。令人不快的风格来自这里：

th {
 text-align: left;
}

---

分数为1的元素选择器如何同时覆盖类和ID选择器？

Bootstrap正在设置th元素的文本对齐属性；您正在覆盖表和tr元素的CSS

---

您需要覆盖th或td元素的样式，以使属性正常工作。

引导程序正在设置th元素的文本对齐属性；您正在覆盖表和tr元素的CSS

---

您需要覆盖th或td元素的样式，属性才能工作。

您的css中没有针对

th

元素

如果要覆盖引导，请将

th

元素作为目标，如下所示：

#userLeadTableHeaderRow th{
文本对齐：居中；
}

您没有将css中的

th

元素作为目标

如果要覆盖引导，请将

th

元素作为目标，如下所示：

#userLeadTableHeaderRow th{
文本对齐：居中；
}

确保您的自定义CSS位于原始引导CSS（文件）的下方。您能澄清下面的意思吗？确保您的自定义CSS位于原始引导CSS（文件）的下方吗？您能澄清下面的意思吗？很有趣，这很有效！我本以为

th

会从

.userProjectsTable

或

#userLeadTableHeaderRow

继承

文本对齐

样式，因为它是这两种样式的产物。有趣的是，它成功了！我本以为

th

会从

.userProjectsTable

或

#userLeadTableHeaderRow

继承

文本对齐

样式，因为它是这两种样式的产物。

th {
 text-align: left;
}