如何覆蓋960.css中的寬度？

我有一個基於24列960模板的24列頁面。我有一個需要84px的特定元素。如何覆蓋960.css中的寬度？

我試着寫標記是這樣的：
<div class="container_24 grid_84"> </div>

我試圖書面方式的CSS是這樣的：

.container_24 .grid_84 { 
    width:84px !important; 
}

它不是設置爲84px它設置爲960像素。

什麼是適當的顯示此。

2011-09-01 Amen Ra

你的CSS有這樣的：

.container_24 .grid_84

這就是尋找一類grid_84 t帽子是container_24的兒童。

但你實際上是在你的HTML尋找這樣的：

.container_24.grid_84

這是兩個類的元素，這是你的HTML節目。

小建議：

不要將網格框架語法與您自己的混合。 24指列。你的84指的是特定的像素。

我建議使用沿着

.override_84px

線的東西所以它顯然不是網格框架的一部分。未來的人必須看看你的標記會感謝你。

另外，既然你在這裏做你的元素，爲什麼甚至首先使用container_24類？

最後，!important聲明通常是一種不得已的方法來覆蓋一些您無法控制的現有CSS。您通常不希望在您自己的CSS中使用該屬性，因爲它通常表示事情變得有點混亂。

2011-09-01 21:21:12

.container_24 .grid_84 { width:84px !important; }

語法正確，但您確定您正在查看正確的單元格嗎？但我還沒有完全明白你的問題。

如果頁面中只有一個這樣的容器，也可以考慮使用container_24的ID。確保你不設置一個span元素，除非你改變它的顯示屬性，以阻止

{display:block}

2011-09-01 21:07:06

後者CSS語句總是習慣，我知道你可以通過設置這個不走寬的寬度！重要標記，但是，我不確定這是否僅適用於同一文件中的其他語句。我會建議使用順序：

2011-09-01 21:20:09 Mike

回答