divをCSSの親divから継承しないようにするにはどうすればよいですか？

Question

私は主題に関して多くの質問があることを知っていますが、解決策を得ることはできません。 私は色合いを色分けして色をシフトする「カラーシフト」というCSSクラスを作成しました。ヘッダーのロゴとテキストが色を循環できるように作成しました。しかし、今私はCSSのクラスを使用して色を変更するいくつかの色のついた線で黒い背景を追加したい。問題は、背景がdivクラスのラッパーに適用されていることです。このdivにはページ全体が含まれているため、すべてが色が変わります。私は何らかの理由で、バックグラウンドだけが色を変えるように、メインコンテナから「カラーシフト」クラスを除外したいと考えています。

ご協力いただければ幸いです。 （私がMagento 1.9を使用しています、それを知る必要がある場合）。次の2つのオプションを持って

.wrapper { 
 
    min-width: 320px; 
 
    min-height: 100%; 
 
    margin: 0 auto; 
 
    background-image: url(/media/mountains-min.jpg); 
 
    background-size: cover; 
 
    background-attachment: fixed; 
 
} 
 

 
.color-shift { 
 
    -webkit-animation: hue 15s infinite linear; 
 
}

<div class="wrapper color-shift"> 
 
    <div class="page"> 
 
    </div> 
 
</div>

Answer 1

：ここ

は、関連するHTMLとCSSです。

1. CSSスタイルシートでそのクラスを上書きする必要があります。

例：それは以前のものを上書きするよう

.color-shift { 
    -webkit-animation: hue 15s infinite linear; 
} 

.page { 
     -webkit-animation: none; 
     color:black; 
} 

は、以下のことを追加します。

2. そのクラスでのみdivを作成します。

例：

<div class="wrapper"> 
    <div class="color-shift></div> 
    <div class="page"> 
    </div> 
</div>