如何在這個包含 span 和 I（圖標 Bootstrap）的導航鏈接引導程序中更改 hover？

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）的導航鏈接引導程序中更改 hover？

Answer 1

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

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