ブートストラップテーブル内のリンクのスタイルを変更するには？

Question

私はちょっとした問題があります。なぜなら、マウスを動かすと自分のリンクの色を変えたいのです。私は別のクラスを追加する必要がありますか？そしてそれをスタイルする？私は試しましたが、うまくいきません。

これは私のコードです：

@extends('layout') 

@section('title', 'Przychodnia') 


@section('content') 

<div class="container"> 

    <div class="row"> 
     <div class="box"> 
      <div class="col-lg-12"> 
       <hr> 
       <h2 class="intro-text text-center">{{$doctorsDeadlines['lekarz']['imie']}} {{$doctorsDeadlines['lekarz']['nazwisko']}} 
       </h2> 
       <hr> 
       <hr class="visible-xs"> 
       <h4 class="text-center">Terminarz</h4> 
       <br/> 
       <table class="table table-responsive table-striped table-bordered"> 
        <tr> 
         @foreach($doctorsDeadlines['terminy'] as $date => $hours) 
          <th>{{$date}}</th> 
         @endforeach 
        </tr> 

        <tr> 
         @foreach($doctorsDeadlines['terminy'] as $date => $hours) 
         <td> 
          @foreach($hours as $hour) 
           <a href="#">{{$hour}}</a> 
          @endforeach 

         </td> 
         @endforeach 
        </tr> 


       </table> 
      </div> 
     </div> 
    </div> 
</div> 
@endsection 

Answer 1

あなたは

.hour{ color: red!important; } 
.hour:hover{ color: #000!important; background-color:#fff!important; } 

以下のCSSを試すことができます

独自の色を追加できます。

Answer 2

a:hover { color: <your choice> } 

または

.yourClassNameForA:hover { color: <your choice> } 

Answer 3

table a:hover{ 
color: #colorcode; 
} 

Answer 4

a:hover { 
background-color: lightgreen; color: brawn;} 
a:link { 
background-color: yellow;color: black;} 
a:visited { 
background-color: cyan; color: blue;}