將默認樣式返回到圖例元素

Question

設置了少一些文件，以便作爲字段集的子元素的圖例具有特定樣式。我創建了一個legend.default，它也是fieldset的一個子元素，但它將具有其默認樣式。我不想列出每個屬性並寫入它的默認樣式。有沒有辦法讓this.legend.dafault沒有任何繼承樣式或任何東西？

Answer 1

無法將屬性實際恢復爲默認值，但您可以使用:not僅爲非默認圖例定義樣式。

fieldset legend:not(.default) { 
    /* certain styles */ 
} 

參見:not(X) on CSS Tricks。請注意，如果使用示例中的簡單選擇器，則在所有主流瀏覽器中都可以正常工作。複雜的選擇器不能用作:not()的參數，因爲在撰寫本文時，沒有主要的瀏覽器支持它。個人而言，我寧願爲特定類定義樣式，然後將該類添加到做的想要的樣式中，而不是使用此否定解決方案，但我會將該決定留給您。