リセットsvgで埋めてください

Question

私はすべての私のsvgsが同じ無地を持つようにしたいと思います。だから私は使用する

svg *{ 
    fill: #ccc; 
} 

しかし、私はデフォルトの塗りつぶしを取得したい：ホバー。どのようにして塗りつぶしを無効にし、デフォルトを戻すことができますか？

Answer 1

これは:not()を使用して効果的にスタイルを設定できます。

svg *:not(:hover){ 
    fill: #ccc; 
} 

上記働くかもしれないが、ここにあなたがで遊ぶことができ、迅速CodePenです：http://codepen.io/anon/pen/rrqyAx

あなたはまたMozilla Dveloper Network entry for :not()

に多くを学ぶことができます（私は興味があった）あなたは塗りつぶしを使用することができます継承これはまさに有効です。この場合、使用される色は、親のsvgの塗りつぶし値から継承されます。これはCSSでも設定できます。

svg *:hover{ 
    fill : inherit; 
} 

このようにスタイルを付けたsvgをCodePenに追加しました。