嵌入 CSS 样式，活动超链接在 <asp： 标签>

Question

我的页面中有这段代码

<div id="sidebar-menu">
                        <ul>
                             <li><asp:HyperLink ID="hyperlink_TruckData" runat="server" CssClass="" Text="Truck Data" NavigateUrl="~/View/TruckData.aspx" Font-Underline="false" style="font-size: 18px; color: black">
                                 <i class="glyphicon glyphicon-info-sign" style="color:black;"></i> 
                                 Truck Data</asp:HyperLink>
                                  </li>
                             <li><asp:HyperLink ID="hyperlink_MaintenanceRecord" runat="server"  NavigateUrl="~/View/MaintenanceRecord.aspx" Font-Underline="false" style="font-size: 18px; color: black">
                                 <i class="glyphicon glyphicon-info-sign" style="color:black"> </i>
                                     Maintenance Record</asp:HyperLink> 
                                     </li>
                             <li>
                                 <asp:HyperLink ID="hyperlink_MaintenanceSchedule" runat="server" Text="Maintenance Schedule" NavigateUrl="~/View/MaintenanceSchedule.aspx" Font-Underline="false" style="font-size: 18px; color: black">
                                     <i class="glyphicon glyph  icon-calendar" style="color:black"> </i>
                                Maintenance Schedule </asp:HyperLink>
                             </li>
                             <li>
                                 <asp:hyperlink id="hyperlink_Inspection" runat="server" text="inspection" navigateurl="~/view/inspection.aspx" font-underline="false" style="font-size: 18px; color: black">
                                 <i class="glyphicon glyphicon-calendar" style="color:black"></i>
                                Inspection </asp:hyperlink>
                             </li>
                            <li>
                                 <asp:hyperlink id="hyperlink_MaintenanceChecklist" runat="server" text="inspection" navigateurl="~/view/maintenancechecklist.aspx" font-underline="false" style="font-size: 18px; color: black">
                                 <i class="glyphicon glyphicon-calendar" style="color:black"></i>
                                Maintenance Checklist </asp:hyperlink>
                             </li>
                        </ul>
                    </div><!-- End div #sidebar-menu -->
            </div><!-- End div .body .rows .scroll-y -->
        </div>

什么css样式将使active突出显示?我想突出显示我所单击的当前页面。我现在的css上有这个。

#sidebar-menu > ul > li > a.Link:Active{
    color: #fff;
    background: #fff;
} 

Answer 1

我会尝试将活动放置在li元素上，这样它就覆盖了整个链接:

#sidebar-menu > ul > li:Active{
    color: #fff;
    background: highlight;
}