html - 如何更改包含 span 和 I（图标 Bootstrap）的导航链接 Bootstrap 中的悬停？

Question

<li class="nav-item mt-3">
    <a href="#" class="nav-link px-2 d-flex justify-content-start align-items-center">
        <i class="nav-icon bi bi-calculator-fill fs-4"></i>
        <span class="ms-2 fs-5">Comptabilité</span>
   </a>
</li>


#sidebarMenu  .nav-icon:hover span:hover{
    border-left: 4px solid #007bff;
    color: #269BF5;
}

如何更改包含 span 和 I（图标 Bootstrap）的导航链接 Bootstrap 中的悬停？

标签： htmlcssbootstrap-5

Answer 1

.nav-item:hover{
border-left: 4px solid #007bff;
color: #269BF5;}

只需使用它，或者您可以添加您的自定义类。