html - 布局菜单项，改变选中页面的样式 'Item'

Question

我正在尝试构建一个布局(主)菜单，我想用不同的样式标记当前页面的链接

<asp:HyperLink ID="HyperLink3" runat="server" style=" font-size:large; " class="specialeffects" NavigateUrl="~/ReclamationEncours.aspx">
    <strong>Reclamation Encours</strong>
</asp:HyperLink>
<asp:HyperLink ID="HyperLink1" runat="server" style=" font-size:large; " class="specialeffects" NavigateUrl="~/HistoriqueDeReclamation.aspx">
    <strong>Historique de reclamation</strong>
</asp:HyperLink>
<asp:HyperLink ID="HyperLink2" runat="server" style=" font-size:large; " class="specialeffects" NavigateUrl="~/SuiviGTR.aspx">
    <strong>Suivi GTR</strong>
</asp:HyperLink>

Answer 1

据我所知，您想用不同颜色标记之前访问过的链接。

这些链接被标记为已访问你可以使用这个标志

这对我有用:

a:访问过{
颜色:#F00；
}

---更新---

您可以通过将当前链接标记为“事件”来完成此操作。

我们只是比较当前的绝对路径。

试试这个:

<li class="(@Request.Url.AbsolutePath== "/{sample}" ? "Active" : "")"><a href="samplePath> </a></li>

然后添加你喜欢的样式:

li.active > a
li.active > a:hover
li.active > a:focus