什么：主动或：悬停有效吗？

Question

当两个元素都处于活动状态时，它的行为是什么：active和：hover。 我已经编写了一些代码http://jsfiddle.net/z6v4r/来演示这个。显然：悬停是赢家。

在另一个场景中（我正在处理）我为以下 HTML 写了css：

<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。

我需要将这些应用于元素的概念。

Answer 1

Active适用于click事件。

如果您按住鼠标，您可以看到您的物业在工作。

您可以使用toggle element state在Chrome中调试此内容

当需要时间从服务器获取答案或移动到其他页面时，这对于register或login这样的繁重流程非常有用。

Answer 2

这是因为您指定了CSS：首先是hover然后是：active。 CSS优先考虑最终出现的价值。因此，在您的情况下，如果您想为：hover case提供更多优先权，请稍后将其写入文件中。