Полезная информация

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№107-10-2016 13:17:18

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 37.0

Помогите пожалуйста сделать a:visited:hover

У меня есть стиль

Выделить код

Код:

#id a:link {
    color: xxx;
}

#id a:visited {
    color: yyy;
}

#id a:hover {
    color: zzz;
}

#id a:visited:hover {
    color: nnn;
}

И вот получается, что работает всё, кроме последнего правила. При наведении курсора на посещённую ссылку, её цвет меняется на zzz что соответствует :hover
А должен бы меняться на nnn что соответствует :visited:hover

Отсутствует

 

№207-10-2016 14:24:31

yup
Участник
 
Группа: Members
Зарегистрирован: 15-04-2016
Сообщений: 1090
UA: Seamonkey 2.40

Re: Помогите пожалуйста сделать a:visited:hover

У меня в приведённом выше варианте вообще ничего не работает.
Зато вот так работает:

Выделить код

Код:

a#id {
    color: xxx;
}

a#id:visited {
    color: yyy;
}

a#id:hover {
    color: zzz;
}

a#id:visited:hover {
    color: nnn;
}

и вот так работает:

Выделить код

Код:

a#id {
    color: xxx;
}

a:visited#id {
    color: yyy;
}

a:hover#id {
    color: zzz;
}

a:visited:hover#id {
    color: nnn;
}

Отсутствует

 

№307-10-2016 18:50:46

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 37.0

Re: Помогите пожалуйста сделать a:visited:hover

yup

yup пишет

У меня в приведённом выше варианте вообще ничего не работает.
Зато вот так работает:

Не, у меня id относится не к ссылке, а к диву, в котором ссылка находится.
Т. е. запись #id a означает: элемент с идентификатором id и в нём ссылка - потомок какого угодно уровня.
Можно было написать div#id a но я уж сократил.

Вот с этой моей записью работает всё, кроме :visited:hover

Отсутствует

 

№407-10-2016 19:10:33

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

Re: Помогите пожалуйста сделать a:visited:hover

rbfyec
Не знаю почему у вас не работает, у меня работает точно.

Выделить код

Код:

a:visited:hover {
    color: #0f0 !important;
    text-decoration: overline !important;
   }

Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№507-10-2016 19:23:33

yup
Участник
 
Группа: Members
Зарегистрирован: 15-04-2016
Сообщений: 1090
UA: Seamonkey 2.40

Re: Помогите пожалуйста сделать a:visited:hover

rbfyec пишет

Не, у меня id относится не к ссылке, а к диву, в котором ссылка находится.

А в таком случае у меня, как и у villa7, всё работает - и в [firefox], и в [seamonkey]

Отсутствует

 

№607-10-2016 21:13:33

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 37.0

Re: Помогите пожалуйста сделать a:visited:hover

У меня с флагом !important тоже заработало.
Видимо, мой стиль перебивался каким-то чужим правилом.

yup и villa7
спасибо  вам за помощь! :beer:

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]