將CSS類屬性應用於Firefox/IE與Chrome中的鏈接元素

Question

我在將類應用於HTML元素時遇到問題。它在Chrome中運行良好，但該類不適用於Firefox/Opera/IE的相同元素。

這是怎麼看在Chrome：http://cl.ly/0W0P3t102U0p3J141w0u。 這是它在Firefox中的樣子：http://cl.ly/1d0r2g3g3H2X1E0t2Q1x

不確定爲什麼該樣式未在稍後的「忘記」鏈接中應用（既不是浮動也不是字體樣式）。我檢查了代碼，它看起來像是在後面的瀏覽器中渲染時沒有被選中。下面是代碼：

#login-form .forgot, #login-form .forgot::active { 
    font-size: 14px; 
    float: right; 
    line-height: 28px; 
    position: relative; 
    margin-right: 7px; 
} 

<div class="field"> 
    <p> 
    <label for="user_password">Password</label> 
    <input id="user_password" name="user[password]" size="30" type="password" /> 
    <br /> 
    <a href="pb-forgot-password_beta.htm" class="forgot">Forgot?</a> 
    <span class="iferror"> &nbsp; </span> 
    </p> 
</div> 

Answer 1

可能在.forgot::active雙冒號（這應該是.forgot:active）導致解析錯誤，使瀏覽器忽略整個節。