Question

我正在做的网站包含一个带有导航栏的母版页。除了一件事，一切都正确发生。我需要悬停样式在选择的内容页面中相同。我的意思是当我浏览主页时，例如hover css样式位于导航栏上的Home图标上。我知道这很容易，但我是菜鸟。我正在使用这个HTML代码：

<div class="nav"><ul class="navbar" >
            <li><a href="Home.aspx">Home</a></li>
            <li><a href="About us.aspx">About us</a></li>
            <li><a href="Sections.aspx">Sections</a></li>
            <li><a href="App.aspx">Appointment</a></li>
            <li><a href="Registeration.aspx">Registration</a></li>
            </ul>
</div>

实现这个css：

ul.navbar
{
list-style-type:none;
padding:6px 0 6px 0;
margin:0;
}

ul.navbar li
{
display:inline;
float:left;
}

.navbar a:active, .navbar a:link, .navbar a:visited
{
padding:0 14px 0 14px;
color:#32C5CF;
text-decoration:none;
}

.navbar a:hover
{
text-decoration:underline;
color:#cca628;
}

问题是我应该使用服务器端来实现吗？如果是的话，我使用的是asp.net c＃语言。请帮帮我。

提前完成。

Answer 1

首先给出每个列表项ID，以便轻松找到它们。

e.g

<div class="nav"><ul class="navbar" >
            <li id="home_link"><a href="Home.aspx">Home</a></li>
            <li id="about_link"><a href="About us.aspx">About us</a></li>
            <li id="sect_link"><a href="Sections.aspx">Sections</a></li>
            <li id="app_link"><a href="App.aspx">Appointment</a></li>
            <li id="reg_link"><a href="Registeration.aspx">Registration</a></li>
            </ul>
</div>

然后，您可以使用内容页面的Master属性获取母版页，然后使用FindControl获取您要查找的控件。

如何引导：http://msdn.microsoft.com/en-us/library/xxwa0ff0.aspx

所以在你要做的主页上

搜索主页以获取控件'home_link'（在您的情况下是li项目）
添加要使其显示为活动状态的CssClass到您找到的项目
放松

Answer 2

CSS选择器不精确。

CSS中的写选择器应该是这样的：

.navbar
{
list-style-type:none;
padding:6px 0 6px 0;
margin:0;
}

.navbar li
{
display:inline;
float:left;
}

.navbar li a:active, .navbar li a:link, .navbar li a:visited
{
padding:0 14px 0 14px;
color:#32C5CF;
text-decoration:none;
}

.navbar li a:hover
{
text-decoration:underline;
color:#cca628;
}

上面的CSS应该可以正常工作。

C＃如何在母版页上实现这种情况？

2 个答案: