Проблема с работой Табов. как написать селектор?

Question

[Muxailo]

Здравствуйте,проблема вот в чем:
-если навести на таб,все работает,цвет подсветки таба меняеться
(.nav li a:hover{
background-color: yellow ;
color:red;
}
Вопрос,как зделать,что б менять цвет активной вкладки(active работает только когда зажата кнопка мыши.

Answer 1

[Сергей delphinpro]

Почему вы в первую очередь не смотрите документацию??? Там же всё есть.
Смотри в доке getbootstrap.com/javascript/#tabs как задаются стили

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {}

Comments

[Muxailo]

спасибо за ответ Вам.я такого не видел(

Answer 2

[Павел]

Добавить class при клике на tab.
Также кроме :active, есть ещё :focus

Comments

[Muxailo]

Фокус активен пока мышкой не кликнуть в любую точку.

[Павел]

Muxailo: Тогда скрипт и стиль
jquery:
$(function() {
$(".tab-id a").click(function() {
$(this).addClass("active");
});

Css:
.tab-id a {color: #FF0000;text-decoration:underline;}

[Muxailo]

PavelMonro: спасибо)

[Павел]

Вернее css .tab-id a.active {стили}

Answer 3

[Евгений Карпов]

создай класс .active, добавь ему такие же свойства что и у .nav li a:hover и добавляй .active в html dom на активной ссылке .nav li a средствами скриптов или какого-либо движка. и тебе нужно обращаться непосредственно к ссылке, то есть .nav li .active a:hover

Comments

[Muxailo]

спасибо,уже рещил свою проблему)

[Евгений Карпов]

Muxailo: ну я постарался помочь)

[Muxailo]

Евгений Карпов: спасибо вам)