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

Question

当我必须设置网页样式时，最好从最外面的元素开始，从内到外继续向内或向外延伸？

例如给予

<div class=outer>
    <div class=inner>
    </div>
</div>

.outer {
    width: 170px;
    ...
    ...
}

.inner {
    height: 170px;
    ...
    ...
}

什么是明智的？首先设置外部类，并将更多特定指令添加到内部类，反之亦然？

如果这是一个太笼统的问题，我道歉，但我总是在没有任何正确的顺序的情况下随机做这件事，所以我很想知道是否有一些建议和/或指导。

Answer 1

我总是从外面开始设计。它允许我首先构建一个结构和布局，然后从那里继续进行细节。

Answer 2

我认为最重要的是编写样式表，逻辑地对事物进行分组，以便在编写内容时很容易找到它们，几个月之后，当你完成所做的事情时。

我首先将所有全局适用的内容写入所有页面，然后在其中首先放置标题的规则，然后是中间部分的规则，最后是页脚的规则。之后我将各个页面的规则放在一起，将所有内容保存在一起。这样我总是知道在哪里寻找我想要的东西（但我在/ ...。 /中也包括一些评论，例如在每个页面之前说明它是哪个页面。）

如果给所有选择者足够的特异性，你所做的事情对屏幕上的结果几乎没有影响。只有当你想要通过以后发生的事情来覆盖一条规则时，顺序才有意义，并且使用它们所在的顺序来决定哪一条获胜，但我认为这是一种不好的做法，因为如果你以后在工作表内移动东西，这一切都会失败并且无意中移动了依赖于秩序的东西。