Как не переопределить свойство в CSS - PullRequest
Новая
       1

Как не переопределить свойство в CSS

2 голосов
/ 19 марта 2011

Я новичок в HTML и CSS, я установил :hover псевдокласс для всех якорных тегов на моем сайте с background-color, но на части моего сайта мне нужно иметь background-image в :hover, а также background-color.

Но, к сожалению, класс :hover этой части (background-image) переопределяет background-color, как установить и background-color, и background-image без переопределения кем-либо другого, поэтому я получаю глобальный background-color с background-image перед ним?

Конечно, не написав особого: наведите курсор на эту часть с сочетанием цвета фона и изображения?

Ответы [ 3 ]

1 голос
/ 19 марта 2011

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

a:hover {
    background-color: red;
}

.some-portion a:hover {
    background-image: url(yourimg.png);
}

Второе правило должно по-прежнему применять цвет фона, потому что цветприменяется к любому якору при наведении.

1 голос
/ 19 марта 2011

вы можете попробовать использовать !important http://www.w3.org/TR/CSS2/cascade.html#important-rules,, конечно, было бы полезно увидеть пример того, как вы его используете, чтобы дать вам более точный ответ

0 голосов
/ 19 марта 2011

Добавьте класс или идентификатор на ваш якорь, который вы хотите изменить.

<a id="differentTag" href="#">Link</a>

Тогда в вашем CSS ... 

#differentTag:hover {
    background-image: url(...);
    background-color: #000;
}

Надеюсь, что поможет

...