Активная страница: состояние наведения спрайта - PullRequest
Новая
       5

Активная страница: состояние наведения спрайта

0 голосов
/ 16 июля 2011

Я работаю с этой страницей: glustik.com/dustreeproductions/index.php

Я пытаюсь сделать так, чтобы навигационная страница «активной страницы» как таковая была активной страницей.

У меня есть разметка тела body_company в разметке.

Вот правила 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;}

Соответствующая разметка HTML: 

body id="body_company"

Я пробовал несколько разных вещей, но я не могу заставить его отображать активное состояние, когда оно на странице.

1 Ответ

2 голосов
/ 16 июля 2011

У вас есть пробел между body и #body_company, он должен быть: 

body#body_company #company a {

или просто: 

#body_company #company a {

Редактировать: Anдополнительная проблема: селектор для «нормального» состояния #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 для нормального состояния, если ваши идентификаторы уникальны (они должныбыть в любом случае ...), это достаточно конкретно.

...