Как отключить в CSS действите других классов?

Question

[Onlinehero]

Добрый вечер! Подскажите ребята. Использую CSS для создания кликабельной кнопки, при наведении которой меняется цвет.

В обычном режиме: серый фон, чёрные буквы.
При наведении: красный фон, чёрные буквы.

Хотел поставить смену цвета текста при наведении, на белый.
Но не меняется, мешает общий параметр (#000000) на весь контент.

Как можно решить проблему?
Заранее всем благодарен!

Answer 1

[romy4]

Мешать не должен. CSS накладывает правила последовательно. Чем ниже — тем дальше в очереди наложения. Кроме того, есть ещё приоритеты наложения. Реально, откройте по F12 в браузере и посмотрите что перетирает ваше правило.

Answer 2

[Алексей]

color: #FFF !important

Comments

[Mr Crabbz]

А вот это - костыль.

[Алексей]

Роман Краббз: обоснуйте... не вижу не одной причины не использовать или таскать куски кода туда-сюда, это будет работать, будет работать без ошибок и всегда и везде. А не использовать,только потому, что это называется костыль - бред. А учитывая то, что выше уровня hover уже ничего не будет - это просто найпрекраснейший вариант. Причем "костыль" это можно было бы назвать только в том случае, если бы ТС хотел просто применить белый цвет шрифта к блоку, а не при наведении.

[Mr Crabbz]

Евгений: Судя по куску кода, у автора - wordpress. Так вот задолбитесь вы потом перебивать эти !important при дальнейшем расширении сайта. Там тонны css в каждом плаге.
Да и любой мануал или даже базовый курс по CSS посвящает целый отдельный урок, где рассказывается, что !Important - дурной тон и использовать его нужно тогда, когда уже совсем вариантов нет.

[Алексей]

Роман Краббз: В данном случае вы не придумаете ситуации, где impotant при hover, помешает дальшейшей разработке сайта, чтобы вы не делали. Это именно тот случай, когда его использование допускается без каких-то последствий.

[Onlinehero]

Блин, шикарный сайт! Столько профессионалов! Большая вам благодарность, друзья!!!@dzheka3d: Роман Краббз: