将目标中的非直接父级定位为960gs

Question

我正在使用Nathan Smith的网格960框架（www.960.gs）并且已经有一段时间了。在我的网站上，我通常让输入栏占据它们所在的网格容器的100％。

但是，我也经常嵌套我的网格div。这是一个例子：

<div class="grid_8">
   <div class="grid_4 alpha">
       random crap here
   </div>
   <div class="grid_4 omega">
       input boxes here
   </div>
</div>

我想在样式表中有一个位置，我可以在grid_4中定位输入[type =“text”]，但如果我尝试这样做：

.grid_8 input[type="text"] {
   width: 610px;
}

.grid_4 input[type="text"] {
   width: 270px;
}

它仍然是610px宽，即使grid_4更接近匹配。有没有人想过如何修理这样的东西？

由于边距/边框/填充，我不能只使用百分比。

Answer 1

我同意BoltClock的评论。如果您经常嵌套网格，请确保您的CSS顺序实际上与您显示的一样，使用较小的网格之后 CSS中较大的网格定义（我假设您从未在较小的网格中嵌套较大的网格）

Note the cascading order difference here that causes a width difference