クラスの名前を親のプロパティから除外するにはどうしたらいいですか？

Question

私はこのようなクラスている：今、私はそれで上記のそれらのプロパティを除外したい、この要素

li { 
    color: #ccc; 
    font-size: 12px; 
    position: fixed; 

    /* and some other properties */ 
} 

をしている：可能なことを

<li class="has_not_any_property"></li> 

をしているのですか？あなただけのドキュメント

からunset

を使用してinitalまたは継承した値を与えることができますCSS3をサポートしていない古いブラウザの場合

Answer 1

だけ:not property.A否定擬似クラスを使用

li :not(.has_not_any_property) { 
     color: #ccc; 
     font-size: 12px; 
     position: fixed; 
    } 

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

このキーワードは、その親から を継承した場合は継承された値に、そうでない場合は初期値に継承されます。言い換えると、 は、最初のケースでは継承キーワードのように動作し、2番目のケースでは という初期キーワードのように動作します。

li.has_not_any_property { 
    color:unset; 
    position: unset 
    font-size: unset; 
} 

Answer 2

CSS not擬似クラスを使用します。ここ

li:not(.has_not_any_property) { 
    color: #ccc; 
    font-size: 12px; 
    position: fixed; 
} 

ドキュメント：https://developer.mozilla.org/en-US/docs/Web/CSS/:not