CSS样式方法:从内部到外部，反之亦然

Question

当我必须对网页进行样式设计时，最好从最外面的元素开始，然后向里面继续，还是从里面到外面？

例如给出

<div class=outer>
    <div class=inner>
    </div>
</div>
.outer {
    width: 170px;
    ...
    ...
}
.inner {
    height: 170px;
    ...
    ...
}

什么更明智？首先设置外部类的样式，然后向内部类添加更具体的指令，反之亦然？

如果这是一个过于笼统的问题，我很抱歉，但我最终总是在没有任何适当顺序的情况下随意回答，所以我很好奇是否有一些建议和/或指导方针。

Answer 1

我总是从外向内进行风格设计。它允许我首先构建结构和布局，然后再从那里转到细节。

Answer 2

我认为最重要的是编写样式表，将事物按逻辑分组，这样在编写时和几个月后放弃所做的事情时都很容易找到事物。

我首先编写了所有全局应用于所有页面的内容，在这些内容中，我首先列出了页眉的规则，然后是中间部分的规则，最后是页脚的规则。之后，我制定了各个页面的规则，将单个页面的所有内容放在一起。这样，我总是知道在哪里可以找到我想要的东西（但我也在/…/中添加了一些评论，例如在每页之前添加一条评论，说明它是哪一页）。

如果你给所有的选择者足够的特异性，你所做的对屏幕上的结果几乎没有影响。只有当你想用后面的东西来覆盖一条规则，并用它们的顺序来决定哪条规则获胜时，顺序才重要，但我认为这是一种糟糕的做法，因为如果你后来在表格中移动东西，不小心移动了取决于顺序的东西，这一切都会失败。