Что: активный или: hover работает?

0

Каково поведение: active и: hover, когда оба элемента активны. Я написал код http://jsfiddle.net/z6v4r/, чтобы продемонстрировать это. Ясно: зависание - победитель.

В другом сценарии (над которым я работал) я написал css для следующего HTML:

<div class="abc">
    <div class="xyz">
        <input type="Something">
        </input>
    </div> 
</div>

CSS

div.abc div.xyz input:hover
{
border: 1px inset rgb(0, 69, 124);
    border-radius:15px;
    background-color: rgb(0, 69, 124);
    color:white;
}
div.abc div.xyz input:active,div.abc div.xyz input:focus
{
    border: 1px inset rgb(0, 69, 124);
    border-radius:15px;
    background-color:rgba(66, 87, 133, 0.24);
    outline-style:none;
}

Теперь все это активно, я получаю цвет фона: active/: focus и цвет шрифта os, исходящий из: hover.

Мне нужна концепция, как они применяются к элементу.

  • 0
    Вы слишком усложнили свой вопрос
  • 0
    Тот же вопрос: stackoverflow.com/questions/1677990/…
Показать ещё 2 комментария
Теги:

2 ответа

1

Активен для события click.

Если вы держите мышь, вы можете увидеть свои свойства на работе.

Вы можете отлаживать это в chrome, используя toggle element state Изображение 174551

Это полезно для тяжелых процессов, таких как register или login когда требуется время, чтобы получить ответ с сервера или перейти на другую страницу.

Поделиться
1

Это связано с тем, что вы указываете CSS для: hover firstly, а затем: active. CSS дает предпочтение значению, которое приходит наконец. Таким образом, в вашем случае, если вы хотите предоставить больше предпочтений для случая: hover, напишите его позже в файле.

Поделиться
  • 0
    это? как они разные псевдо классы
  • 0
    Да, это разные классы psedo, но когда оба класса активны, будет работать тот, который был указан позже.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню