如何覆盖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

回答