html - Bootstrap 如何更改表格中链接的样式？

Question

我有一个小问题，因为我想在悬停时更改链接的颜色以及他的背景。我应该为 a 添加另一个类吗？然后风格呢？我试过了，但没有用。

这是我的代码:

@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

你可以试试下面的css

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

您可以添加自己的颜色。