Как создать ссылку внутри таблицы с помощью классов загрузки 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; 
} 

получает более высокий приоритет