Question

我有一个24列的页面，它基于24列960模板。我有一个元素需要特定的84px。

我试着用这种方式写标记：
<div class="container_24 grid_84"> </div>

我尝试用这种方式写css：

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

未设置为84px，设置为960px。

显示此内容的恰当之处。

Answer 1

你的CSS有这个：

.container_24 .grid_84

那就是寻找一个grid_84类的元素，它是container_24的CHILD。

但你实际上是在HTML中寻找这个：

.container_24.grid_84

这是两个类的元素，这是HTML显示的内容。

一边建议：

不要将网格框架语法与您自己的语法混合。 24指的是列。你的84指的是特定的像素。

我建议使用类似

的内容

.override_84px

所以它显然不是网格框架的一部分。未来需要查看标记的人会感谢你。

另外，既然你在这里制作元素，为什么甚至首先使用container_24类？

最后，!important声明通常是一种最后的方法，可以覆盖一些你无法控制的现有CSS。您通常不希望在自己的CSS中使用该属性，因为这通常表明事情变得有些混乱。

Answer 2

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

语法是正确的，但您确定要查看正确的单元格吗？我虽然没有完全理解你的问题。

如果页面中只有一个这样的容器，也可以考虑使用container_24的ID。确保没有设置span元素的宽度，除非将其display属性更改为block

，否则不会占用宽度

{display:block}

Answer 3

后面的css语句总是被使用，我知道你可以用！important标签设置它，但是，我不确定这是否只适用于同一文件中的其他语句。我建议使用订单：