僞類選擇在IE瀏覽器的懸停做工精細，但不是在鉻工作[CSS]

這裏是我的CSS代碼樣本。僞類選擇在IE瀏覽器的懸停做工精細，但不是在鉻工作[CSS]

.step-radio-button:not(:disabled):not(:checked):hover + label { 

    background: yellow; 
}

我試過改變：禁用[DISABLED]或：啓用，但它仍然不起作用。

.step-radio-button:not([DISABLED]):not(:checked):hover + label { 

    background: yellow; 
}

.step-radio-button:enabled:not(:checked):hover + label { 

    background: yellow; 
}

來源

2013-11-25 user3030529

適用於XP中Chrome 31的我：http://jsfiddle.net/5UbnL/ – Passerby

感謝您的回覆@Passerby。我試圖添加一個標籤，它似乎不適用於多個相鄰的兄弟選擇器。你有什麼主意嗎？ http://jsfiddle.net/5UbnL/1/ – user3030529

根據[W3C]（http://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators），'+'是用來結合了兩個[_simple selectors_，它們不包含組合器]（http://www.w3.org/TR/css3-selectors/#contents），所以兩個'+的工作方式是「未定義的」，並且可能不會提供跨平臺的合作行爲。 – Passerby

如果您遇到這種麻煩，爲什麼不把它簡化？

.step-radio-button:hover + label { 
    background: yellow; 
} 

.step-radio-button:disabled:hover + label, 
.step-radio-button:checked:hover + label { 
    background: <some_other_color>; 
}

來源

2013-11-25 09:35:14

僞類選擇在IE瀏覽器的懸停做工精細，但不是在鉻工作[CSS]

回答

相關問題