CSS и HTML мышка?

Question

Я гуглил, но, похоже, не могу найти метод выделения мышью, похожий на hover, для css.

Есть ли такой способ, и если да, то как его кодировать?

Answer 1

Вам понадобится только псевдокласс :hover для этого , когда вы наведите курсор мыши на элемент, он вернется в состояние по умолчанию, отличное от :hover, например:

.class { color: black; } 
.class:hover { color: red; }

когда вы наводите курсор, цвет будет красным, а когда вы наведите курсор мыши, цвет вернется к черному, потому что он больше не соответствует селектору :hover. Это поведение по умолчанию для всех браузеров, здесь ничего особенного вам не нужно делать.

Если вы хотите заняться чем-то программным, вы ищете mouseout событие JavaScript .

Answer 2

В CSS нет селектора типа mouseout. Но нормальный стиль элемента - это состояние "мышки"!

Что именно вы пытаетесь сделать, чтобы обычный CSS и селектор :hover не закрывали?

Скорее всего, вы можете сделать это с помощью JavaScript. См. здесь или здесь .

Answer 3

Существует псевдокласс :hover:

element:hover { color: red }

, для которого нет события или селектора, когда заканчивается состояние :hover, если это то, что вы ищете.

Вам придется обратиться к Javascript и событию onmouseout для этого.

Answer 4

В CSS нет события отсутствия мыши. Для этого вам нужен javascript.

Answer 5

AFAIK Нет события отсутствия мыши, но

, если вы хотите перейти по ссылке, которую вы посетили ранее, вы можете использовать

a:visited{

}

Answer 6

Насколько я знаю, у вас могут быть только следующие "события" CSS.

a (по умолчанию), а: зависать, а: активный, а: посетил

Answer 7

Вы ищете псевдокласс :hover .

a:hover {background: red;}

, который выделит любую ссылку, над которой вы наводите курсор.