2016-03-06 77 views
0

如何取消對CSS中單個元素的更改?取消對CSS中單個元素的更改

例子:

a { 
    text-decoration: line-through; 
    color: green; 
} 

現在我想在最後,a.test忽略所有規則和顯示在默認方式。

鏈接的正常顏色和裝飾會顯示在沒有任何CSS影響的頁面上。

我發現的所有內容都是將每個將元素更改爲initial的屬性。是否有一項通用命令可以免除a.test的所有更改?

回答

0

您可以用:not() CSS僞選擇排除

a:not(.test) { 
    text-decoration: line-through; 
    color: green; 
} 

演示:https://jsfiddle.net/azizn/d17vdf35/

+0

非常感謝您!這對於其他元素特別有幫助。作爲一個後續,如果有屬性被改變爲整個身體,添加:not(.test)或:not(a.home)不起作用。 –