我有一个名为“TopMenu”的用户控件。我的网站有五页。菜单代码如下所示:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UstMenu.ascx.cs" Inherits="UstMenu" %>
<ul class="tabs menu">
<li>
<a href="Default.aspx" class="active">Anasayfa</a>
</li>
<li>
<a href="AboutUs.aspx">Hakkımızda</a>
</li>enter code here
<li>
<a href="Products.aspx">Ürünler</a>
</li>
<li>
<a href="Support.aspx">Destek</a>
</li>
<li>
<a href="Contact.aspx">İletişim</a>
</li>
</ul>
我在我的css中看到了一个“活动”类。例如,如果用户点击支持页面,支持页面链接必须采用“活动”类。我不想把我的菜单写到我的所有页面上。如何检测我所在的页面?
答案 0 :(得分:1)
您可以在后端或前端通过JS或CSS执行此操作。如果你想坚持使用CSS,那就是在每个页面上放置一个不同的类或ID,比如<body>
元素:
<body class="about">
在每个列表项上,您放置类似的东西。 E.g。
<a class="about" href="AboutUs.aspx">Hakkımızda</a>
然后,在您的CSS文件中,有一系列声明如下:
.about .about, .contact .contact, .home .home {active styles here}
(作为旁注,最好将这些“当前”链接称为“活动”链接,因为“:active”链接是不同的。)