标签不受 class 影响

Question

我正在使用 laravel 并且我正在尝试激活 class 但 a 标签不受 class

的影响

这是我的 blade:

<li class="{{ (request()->is('categories*')) ? 'side-active' : '' }}">
            <a href="categories" >
                <i class='bx bx-circle'></i>
                <span class="links_name ">Kategori Produk</span>
            </a>
            <span class="tooltip">Kategori Produk</span>
        </li>

这是我的 css:

.side-active {
    color: #009DA9 !important;
    border-left: 2px solid #009DA9;
}

看起来像这样：

但如果我将 class 放在 span 内或我标记它会更改字体的颜色：

<li class="">
                <a href="categories" >
                    <i class='bx bx-circle {{ (request()->is('categories*')) ? 'side-active' : '' }}'></i>
                    <span class="links_name {{ (request()->is('categories*')) ? 'side-active' : '' }}">Kategori Produk</span>
                </a>
                <span class="tooltip">Kategori Produk</span>
            </li>

但看起来像这样：

我希望它看起来像这样：

Answer 1

我的坏人，我需要在我的 css 上添加更多像这样的 class:

.side-active {
    border-left: 2px solid #009DA9;
}

.side-active span {
    color: #009DA9 !important;
}

.side-active i {
    color: #009DA9 !important;
}

标签不受 class 影响

a tag doesn't effected by class

css

laravel-blade

bootstrap-4