CSS：與不工作（）

Question

我有一個CSS，看起來像這樣：

a:focus { background-color: #eeeeee; } 

現在在CSS3還有的沒有（）屬性。 我怎麼能這項工作時，我想的焦點背景顏色添加到所有元素 但有一個例外：我想，這是不添加到標籤/內.audio_wrapper

Answer 1

的：不是僞類不會幫助你在這種情況下，因爲它只接受simple selectors，和你的病情依賴於a的父的屬性。最好的解決方案就是定義規則，然後用條件案例的第二條規則覆蓋規則。

編輯：關於第二個想法，你也許可以做到這一點是這樣的：

:not(.audio_wrapper) a:focus { ...rules... }

Answer 2

元素與有嘗試規則：

a:focus { background-color: #eeeeee; } 
.audio_wrapper a:focus {background-color: #000000}; <!-- or white or what is your default color--> 

Answer 3

的不是選擇只受現代瀏覽器（Firefox，Safari和Opera），而不是IE瀏覽器的支持。

a：not（.audio_wrapper）{background-color：#eeeeee; ............}