如何清除父css

假設你有一個Css風格定義如下。如何清除父css

div 
{ 
    background: url(themes/default/images/backgrounds/lh-navigation.png) repeat-x; 
} 
.child 
{ 
    backgroud-color:#FFFFFF; 
} 

<Div id="tempDiv" class="child"></Div>

我不希望將背景樣式應用於元素tempDiv。我如何刪除指定div元素的父類型。有沒有什麼辦法讓它感謝

來源

2012-09-13 Joe.wang

-1

嘗試：？

.child#tempDiv{ 
    background: none; 
}

注id和類之間的空白由於缺少，因爲它是在相同的元素。

來源

2012-09-13 05:11:49 karthikr

爲什麼在選擇器中包含類？所做的只是讓瀏覽器更加努力，特別是因爲每個頁面上只應有一個ID。 – joshnh

他正試圖覆蓋特定div的默認div背景。這個目標可以用於使用不同的圖像作爲背景，（可以說） – karthikr

你所做的事情在這種情況下也能正常工作。 – karthikr

在CSS中，孩子從父母繼承屬性。您必須在子類樣式聲明中重寫父類的樣式。在這種情況下，因爲它是一個背景，你試圖超越你的.child樣式聲明看起來是這樣：

.child { 
    background-image: none; 
    background-color: #FFFFFF; 
}

由於高於其他人士指出，你也可以擴大選擇和編寫新規則對於元素上的id屬性：

#tempDiv { 
    background: none; 
}

來源

2012-09-13 05:17:25 richoffrails

爲什麼在底部選擇器中使用類名？它不需要ID，實際上會減慢頁面渲染的速度。 – joshnh

Doh，很好。謝謝。修正:) – richoffrails

如何清除父css

回答

相關問題