li.hover не меняет цвет

Question

li.hover не меняет цвет

0

Вот мой html

    <div class="pure-u" id="menu" data-ng-controller="gotoUrl">
            <div class="pure-menu pure-menu-open">
                <a class="pure-menu-heading"
                   href="#">PennyTracker</a>
                <ul>
                    <!-- Add Transaction Button -->
                    <li>
                        <button
                                class="pure-button pure-button-success pure-button-large"
                                data-ng-click="setRoute('new')">
                            <i class="icon-plus"></i>
                            Transaction
                        </button>
                    </li>
                  ......
     </div>

и вот css, я пытаюсь изменить цвет при наведении на li

.pure-menu li.hover {
    background: red;
    color: #000000;
}

Но я не вижу красного цвета, когда нахожусь, я вижу

Что я делаю неправильно?

daydreamer 24 сен. 2013, в 06:25

Источник

Теги:

html

css

1 ответ

Ещё вопросы

mdesdev · Accepted Answer · 2013-09-24T01-31-00.000Z

Вы должны поставить : вместо . , зависание не является классом.

.pure-menu li:hover {
  background: red;
  color: #000000;
}