什麼：活動或：懸停工程？

當兩個元素都處於活動狀態時，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類，但是當兩個類都處於活動狀態時，稍後指定的類將起作用。 –

什麼：活動或：懸停工程？

回答

相關問題