的DIV class和id，一些高度覆蓋

Question

我使用這個div：

<div id="container" class="large"> 

在我的CSS的ID被分配一個默認的高度是這樣的：

#container {height: 500px} 

在這有一種情況我想讓div變大，但這會覆蓋整個班級。

.large{height: 560px} 

我也不是什麼使一個類小和一流的大型 ...
我怎麼能做到這一點？
追加到類，只有實現這個div使它大！

Answer 1

需要綜合利用選擇：

#container.large { height : 560px; }; 

這增加了選擇的特殊性，因爲有一個id和一個class，而無需使用!important創造未來的問題。

要解釋CSS的特殊性，這是值得一讀這些文章：

• CSS Specificity: Things you Should Know。
• Molly Holzschlag's 'CSS 2.1 Specificty Clarified'。
• CSS Specificty Calculator, from suzyit.com。

Answer 2

.large{height: 560px !important} 

這將覆蓋由#container設置的樣式。

Answer 3

使用較高的特異性，是爲了比默認的時間越長，容器。

#container.large { height: 560px } 

將一個560px高度應用於ID爲'container'和類名'large'的元素。

一個ID選擇將默認有超過一類選擇更高的特異性無論在何處出現在文檔中，由於ID只能在文檔中出現一次（並且因此非常特異性的）。在這種情況下，我們正在使用類名來擴展我們的特定ID選擇器，而不僅僅是具有ID。