如何在需求变更时修改CSS?

假设我已经要求生成一些页面上有表格.原始要求是所有表格为500px.

我按如下方式编写CSS:

table
{
    width: 500px;
}

这将全面适用于所有表格.现在,如果他们改变了要求,那么有些表是600px.修改CSS的最佳方法是什么?我应该给表格类

table.SizeOne
{
    width: 500px;
}

table.SizeTwo
{
    width: 600px;
}

或者,有更好的方法来处理这样的变化吗?

您的建议确实要求您为所有表格,现有表格以及新的宽表格添加一个类别;虽然你说“几页”,因此可以假设只有几张表.

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

table
{ 
    width: 500px; 
} 

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

翻译自:https://stackoverflow.com/questions/3061531/how-to-modify-css-when-requirements-change