Как я могу добавить класс наведения к элементу?

Question

В моем CSS у меня есть:

li.sort:hover {color: #F00;}

Все мои LI элементы в классе sort правильно работают, когда DOM готов.

Если я создаю новый LI элемент (используя mootools el.addClass(classname)), я могу установить базовый класс, но не могу понять, как добавить к нему класс hover.

Есть идеи?

Answer 1

Псевдокласс при наведении курсора может быть заранее определен в таблице стилей на основе заданного вами имени класса. Такие как:

li.classname:hover {color:#F000;}

Так что это определяется так же, через таблицу стилей. Вы бы просто планировали заранее, зная, что вы будете определять имя класса для сгенерированных JS тегов LI с определенным классом и стиль для него, несмотря на тот факт, что элементы списка не существуют, пока вы не создадите их с помощью JavaScript.

Answer 2

Класс наведения добавляется автоматически при добавлении класса без наведения. Например. если у вас есть

.MyClass
{
...
}

.MyClass:hover
{
...
}

просто добавьте MyClass, и MyClass:hover будет работать.

Answer 3

:hover не является классом, но является псевдо-селектором, который будет выбирать любые элементы, над которыми в данный момент наведена мышь. Если вы создаете элемент li и добавляете к нему класс sort, то при наведении указателя мыши на элемент следует активировать правило li.sort:hover, если браузер работает правильно.

Answer 4

Не все браузеры принимают псевдокласс hover для всех элементов. Вы должны рассмотреть возможность использования JavaScript для этого эффекта. jQuery, например, делает это очень просто.

Точнее говоря, IE6 подхватывает только стили наведения на элементах anchor (a).

Answer 5

Не все браузеры принимают псевдокласс hover для всех элементов. Вы должны рассмотреть возможность использования JavaScript для этого эффекта. JQuery, например, делает это очень просто.