标签不受类的影响

Question

我正在使用 laravel，我正在尝试创建活动类，但 a 标签不受该类的影响

这是我的刀片：

<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;
}

看起来像这样：

但是如果我将类放在 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 上添加更多这样的类：

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

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

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