Работа с активными и зависающими ссылками в css?

У меня есть этот li список, но я хочу знать, как получить текущую ссылку страницы имеют фон белый (li:active)Работа с активными и зависающими ссылками в css?

CSS:

#layout-three-liquid2 #section-navigation ul 
{ 
    margin: 0; 
    padding: 0; 
} 

#layout-three-liquid2 #section-navigation ul li 
{ 
    margin: 0 0 0em; 
    padding: 0; 
    list-style-type: none; 
} 
#layout-three-liquid2 #section-navigation ul li:hover{ 

    background-color:white; 



} 
#layout-three-liquid2 #section-navigation ul li a:active{ 

    background-color:white; 



}

HTML:

<ul> 
    <li><a active="current" href="#page1">Home</a></li> 
    <li><a href="#page3">Replies</a></li> 
</ul>

Но его не работает, как я могу это решить?

источник

2010-10-03 getaway

Вы на 100% уверены, что находитесь в '# layout-three-liquid2 # section-navigation'? Пожалуйста, покажите полный HTML –

': active' означает« Быть активированным (например, нажатием) », а не« иметь атрибут href, который разрешает URI текущей страницы ». Это не связано с несуществующим атрибутом «active». – Quentin

отредактировал код css, чтобы показать вам весь сценарий – getaway

Неправильный/неправильный код li:active. Необходимо указать класс и ссылку в CSS так:

#section-navigation ul li a.current { 
    background-color:white; 
}

источник

2010-10-03 19:01:41 Sarfraz

этот deos не работает, обновленный код css, чтобы показать вам весь класс ul css – getaway

@getaway: Обновлен в соответствии с вашим кодом/css. – Sarfraz

@sarfaz это работает спасибо, но он выделяет только ссылку, мне нужно выделить целую ли! это выглядит так уродливо lol :)) +1 upvote от меня – getaway

Вы не можете сделать <a active="current">

потому что active не является допустимым атрибутом <a> элемента.

попробуйте использовать вместо этого class=current.

то в вашем CSS вы можете целевой элемент с

#layout-three-liquid2 #section-navigation ul li a.current { 
    ... 
}

источник

2010-10-03 19:03:47 jordanstephens

Вы злоупотребляя CSS псевдо-классы. :active и :hover - это специальные значения, которые используются при нажатии ссылки (имеет фокус) и когда пользователь перемещает указатель мыши над ним.

классов CSS должны использоваться вместо:
CSS:

#layout-three-liquid2 #section-navigation ul li a.current{ 

    background-color:white; 
}

HTML:

<ul> 
    <li><a class="current" href="#page1">Home</a></li> 
    <li><a href="#page3">Replies</a></li> 
</ul>

источник

2010-10-03 19:04:23 Lekensteyn

это не работает – getaway

Обратите внимание, что: активный не означает страницу, которую вы в данный момент, это просто означает, что ссылку нажимается. (Может также работать и в наборах фреймов)

Чтобы установить класс в link_active или что-то в этом роде, вам нужно выполнить некоторые скрипты на стороне сервера.

источник

2010-10-03 19:08:33 Rabarber

Работа с активными и зависающими ссылками в css?

ответ

Смежные вопросы