什么：活动或：悬停工程？

当两个元素都处于活动状态时，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的背景颜色和来自：hover的字体os的颜色。

我需要这些概念如何应用于元素。

来源

2013-10-04 mandeep

您已将您的问题复杂化 –

同一问题：http://stackoverflow.com/questions/1677990/what-is-the-difference-between-focus-and-active –

[特定性]（https：// developer .mozilla.org/en-US/docs/Web/CSS/Specificity），[继承]（https://developer.mozilla.org/en-US/docs/Web/CSS/Inheritance）。 – robertc

活动用于click事件。

如果你拿着你的鼠标，你可以在工作中看到你的属性。

您可以在Chrome使用toggle element state enter image description here

这是沉重的过程像register，或者当它需要时间来从服务器获取答案或移动到不同的页面login有用的调试此。

来源

2013-10-04 12:53:29 raam86

这是因为您指定的CSS为：先悬停然后：激活。 CSS给予最后来的价值的优先。所以在你的情况下，如果你想给更多的优先：悬停的情况下写在文件中。

来源

2013-10-04 13:03:19

是吗？因为它们是不同的伪类 – mandeep

是的它们是不同的psedo类，但是当两个类都处于活动状态时，稍后指定的类将起作用。 –

什么：活动或：悬停工程？

回答

相关问题