CSSの親ではなく、祖先から継承する方法は？ここ

Question

は私のコードです：

.ancestor { 
    background-color: #ccc; 
} 

.parent { 
    background-color: #fff; 
} 

.child { 
    /* ??? */ 
} 

どのように私は.childを持つことができますが、クラスの宣言の順序を変更することなく、background-color: #ccc;を継承しますか？

私はbackground-color: inherit;を試しましたが、私が得たのはbackground-colorプロパティの完全なリセット（つまり、色なし）です。

また、.ancestorも.parentも変更できません。

.ancestor { 
    background-color: #ccc; 
} 

.parent { 
    background-color: #fff; 
} 

.child { 
    background-color: #ccc; 
} 

またはあなたが行うことができます：：

Answer 1

あなたはこれを行うことができます

.ancestor { 
    background-color: #ccc; 
} 

.parent { 
    background-color: #fff; 
} 

.child { 
    /* ??? */ 
} 

をし、このような

HTMLのdivまたはものは何でも持っている：

<div class="ancestor child"></div> 

Answer 2

をこれはトリックを行うだろうK：

.ancestor, .child { 
    background-color: #ccc; 
} 

.parent { 
    background-color: #fff; 
} 

あなたは、（あなたがあなたの質問に追加する必要があります）HTMLに応じて、それを行うには

.ancestor { 
    background-color: #ccc; 
} 

.parent { 
    background-color: #fff; 
} 

.child { 
    background-color: #ccc; 
}