创建布局的最佳实践（使用服务器端代码）

Question

让我们假设为了这个问题，我有一个容器元素，在容器内有三列，右边距为10像素，在第三列我要将右边距设置为0像素。

现在有两种方法可以做到这一点，我可以使用jquery来选择nth-child，但我也可以使用简单的循环计数来获取第三个元素。我的问题是实现这样的事情的推荐做法是什么？做服务器端意味着，即使在用户浏览器上禁用了javascript，布局也能完美运行。但是，出于这些美观原因使用服务器端代码的想法可能不是理想的做法，服务器端可能应该严格用于功能。

我想知道人们对此有何看法。

Answer 1

使用CSS :last-child怎么样？

#container div:last-child { margin-right: 0; }

如果您真的关心IE6，可以在最后一列的服务器端代码中添加某种类（如final-column），但不能添加内联样式。

#container div:last-child, #container div.final-column { margin-right: 0; }

最后，不要使用Javascript进行样式设置。

Answer 2

如果在渲染后不会更改布局，我相信使用服务器端HTML生成应该是一种更强大的方式。