如何使用Bootstrap的帮助类来设置表内链接的样式？

Question

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

我有一个带Bootstraps的网络（英雄引导模板）。

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

检查小提琴：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;
}

获得更高的优先级