css - 如何使用 Bootstrap 帮助程序类在表格内设置链接样式？

Question

我确定这是一个很容易解决的问题，但我找不到正确的方法来解决。

我有一个带有 Bootstraps 的网站(英雄 Bootstrap 模板)。

我在表中有一个链接，但我无法向该链接应用“text-success”等帮助类。

检查 fiddle :https://jsfiddle.net/9dt5zo74/2/

<div class="table-responsive">
    <table class="table table-condensed table-hover table-striped text-center">
    <thead>
    <tr class="active">
    <th class="text-center">text</th>
    <th class="text-center">text</th>
    <th class="text-center">text</th>
    <th class="text-center">text</th>
    </tr>
    </thead>
    <tbody>

            <tr>

            <td><a class="text-success" href="#">something should work and it doesnt</a></td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            </tr>

    </tbody>
    </table>
    </div>
<p class="text-success">that works</p>

正如您将看到的，该类适用于表外的元素。

Answer 1

第 6400 行的样式

table a:not(.btn),
.table a:not(.btn) {
     color: #fff;
     text-decoration: underline;
}

获得更高的优先级