При наведении на div, hover срабатывает на элемент внутри div'а. Как этого избежать?

Question

[Guzh]

.list {
    display:inline-block;
    width: 200px;
    height: 36px;
    background: yellow;
    font-size: 14px !important;
}

.list :hover {
    background: green;
}

Внутри дива с классом List есть ссылка. При наведении на ссылку, к ней применяется свойство указанное в hover, а к самому диву нет. Как этого избежать? Как сделать, чтобы при наведении на див и при наведении на ссылку внутри него срабатывал hover?

Answer 1

[0xD34F]

У вас пробел лишний между .list и :hover. Должно быть так: .list:hover

Comments

[Guzh]

Спасибо, сам только что опытным путем это понял. Раньше версткой не занимался, не знал что пробел имеет значение.