Удаление CSS: свойства наведения

Question

Удаление CSS: свойства наведения

0

У меня есть неупорядоченный список элементов, которые чередуются в фоновом цвете с помощью :nth-child(even). Элементы также выделяются с другим цветом фона, когда мышь нависает над ними через :hover

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

Я не смог найти способ сделать это.

Вот краткий пример: http://jsfiddle.net/kjk8L/2/

Jesse 19 фев. 2014, в 00:51

Источник

0

Если вы не хотите, чтобы элементы выделялись при наведении, просто удалите раздел ul li:hover в своем CSS, или я что-то упустил?
Dryden Long 18 фев. 2014, в 22:57
0

что-то вроде этого? jsfiddle.net/kjk8L/4
youssef 18 фев. 2014, в 22:58
0

@DrydenLong, я не хочу, чтобы некоторые элементы были выделены (указывается через и ID или класс)
Jesse 18 фев. 2014, в 23:02
0

Затем выделите элементы, которые вы хотите выделить, одним и тем же классом и примените стиль, когда вы наводите курсор на этот класс?
Dryden Long 18 фев. 2014, в 23:05

Показать ещё 2 комментария

Теги:

html

css

3 ответа

0

Добавьте стиль зависания в nth-child (even), как это

ul li:nth-child(even) {
    background-color: grey;
}

см. обновленную скрипту. http://jsfiddle.net/kjk8L/5/

Kyle Needham 18 фев. 2014, в 21:38

0

Спасибо, но это убирает изюминку для всех серых предметов. Я хочу удалить выделение только для указанных элементов.
Jesse 18 фев. 2014, в 23:00

0

Вот как я это делаю, надеюсь, что это поможет.

ul li:nth-child(even) {
    background-color: #efffef;
}

ul li:nth-child(even):hover {
    background-color: #dfd;
}

/* you can skip styling of the odd children if you don't want to */
ul li:nth-child(odd) {
    background-color: #efefff;
}

ul li:nth-child(odd):hover {
    background-color: #ddf;
}

Raiyan 18 фев. 2014, в 20:55

Ещё вопросы

Если вы не хотите, чтобы элементы выделялись при наведении, просто удалите раздел ul li:hover в своем CSS, или я что-то упустил?
@DrydenLong, я не хочу, чтобы некоторые элементы были выделены (указывается через и ID или класс)
Затем выделите элементы, которые вы хотите выделить, одним и тем же классом и примените стиль, когда вы наводите курсор на этот класс?
Спасибо, но это убирает изюминку для всех серых предметов. Я хочу удалить выделение только для указанных элементов.

Damien Black · Accepted Answer · 2014-02-18T20-09-00.000Z

Итак, это звучит (из вашего комментария ниже), как будто вы хотите иметь класс, который не наводится, но все же поддерживает чередующийся фон.

Самый простой способ сделать это - просто определить класс и исключить его из hover css, например:

ul li:not(.special):hover {
    background-color:blue;
}

Это сделает так, чтобы наведение применялось ко всему, кроме "специального" класса.

Рабочая скрипка

Спасибо, но это убирает изюминку для всех серых предметов. Я хочу удалить выделение только для определенных элементов (указанных через и ID или класс)
Отлично! Я даже не знал о: not () Спасибо!