0

我正在做的网站包括一个带有导航栏的母版页。除了一件事，一切都在正确地发生。我需要悬停样式在所选内容页面中相同。我的意思是当我浏览主页时，例如悬停 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# 语言。请帮我。

提前谢谢。

4

2 回答 2

0

首先为您的每个列表项提供 ID，以便轻松找到它们。

例如

<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

所以在主页上你会做

  1. 搜索控制“home_link”的母版页（在您的情况下为 li 项）
  2. 将要使其显示为活动的 CssClass 添加到您找到的项目
  3. 放松
于 2012-12-31T09:36:02.083 回答
0

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 应该可以按你的意愿工作。

于 2015-06-18T23:26:24.983 回答