想要通過父元素覆蓋子元素css屬性

Question

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

在CSS中，「子」類有其自己的bg顏色，我無法更改。我想將「父」類bg顏色應用於容器。那麼，有沒有任何CSS技巧可以通過「parent」bg顏色覆蓋「child」bg顏色。

任何幫助將不勝感激。

感謝

Answer 1

.parent .child { 
    background-color: inherit !important; // can also use "transparent" 
} 

使用!important只有當沒有其他作品。

Answer 2

！重要將覆蓋應用於任何內嵌的背景顏色，讓我知道，如果這個工程

.parent > .child { 
    background-color: transparent !important; 
} 

Answer 3

您可以覆蓋使用jQuery的CSS，雖然這是不雅。所以，如果你有HTML

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

和CSS：

.parent { 
    width: 100px; 
    height: 100px; 
    background: red; 
} 
.child { 
    width: 50px; 
    height: 50px; 
    background: blue; 
} 

這jQuery將尋父的背景顏色，並將其應用到子：

$('.child').on('click', function(event) { 
    var bg = $(this).parent().css("background-color"); // finds background color of parent 
    $(this).css("background-color", bg); // applies background color to child 
}); 

這裏有一個的jsfiddle：link