Question

我正在使用此页面： glustik.com/dustreeproductions/index.php

我正在尝试将“活动页面”导航显示为“活动页面”。

我在标记中有body_company的正文ID标记。

以下是第一个导航按钮的CSS规则：公司

background:url(../images/navigation/nav-company.png) no-repeat;
display:block;
text-decoration:none;
width:103px;
margin:20px 27px 0 20px;
height:20px;}
#nav ul li#company a:hover {
background-position:0 -20px;}
#nav ul li#company a:active {
background-position:0 -40px;}
body #body_company #company a {
background-position:0 -40px;}

Relavant HTML标记：

body id="body_company"

我尝试了一些不同的东西，似乎无法让它在页面上显示活动状态。

Answer 1

body和#body_company之间有空格，应该是：

body#body_company #company a {

或只是：

#body_company #company a {

编辑：另一个问题：“正常”状态#nav ul li#company a的选择器具有比活动选择器更高的特异性/值：

#nav ul li#company a

级联得分高于：

body#body_company #company a

所以你必须使用：

#company a    /* for the normal state */

或类似的东西：

body#body_company #nav #company a    /* for the active state */

我建议只使用#company a作为正常状态，如果你的ID是唯一的（它们应该是......），这就足够了。

活动页面：Sprite的悬停状态

1 个答案: