css - 需求变化时如何修改CSS？

Question

假设我需要生成一些包含表格的页面。最初的要求是所有表格都是 500px。

我会按如下方式编写我的 CSS:

table
{
    width: 500px;
}

这将全面适用于所有表格。现在，如果他们更改要求以便某些表格为 600px 会怎样？修改 CSS 的最佳方法是什么？我应该给表格上课吗

table.SizeOne
{
    width: 500px;
}

table.SizeTwo
{
    width: 600px;
}

或者我有更好的方法来应对这样的变化吗？

Answer 1

您的建议确实要求您向所有表添加一个类，现有表以及新的宽表；尽管您说“几页”，因此人们会认为只有几张表。

如果您可以将 500px 的表格视为标准，将 600px 视为异常(exception)，那么继续设置默认值可能会更有用:

table
{ 
    width: 500px; 
} 

table.Wide /* or a more semantic class name */
{ 
    width: 600px; 
}