验证CSS格式

Question

在一个项目客户端请求将css文件代码更改为这样的东西。

示例：

div.fp_grid table td.col2 
{ text-align: center; } 
div.fp_grid table td.col2 .body_box 
{ margin: 0 auto; }

变为：

div.fp_grid { td.col2 { text-align: center; .body_box { margin: 0 auto; } } }

但它似乎无效的CSS形式我很少指导将被欣赏你的想法。

Answer 1

这确实是错误的CSS。

CSS不使用嵌套选择器。

你上面的标记是正确的，通常你会写这样的css：

#selector {
    margin: 0 auto;
    padding: 0 auto;
}

这提高了可读性，以便将来更容易更改。

您可以使用在线CSS压缩工具随时删除CSS文件中过多的空格。

CSS不会对无效标记提出任何错误，它只是跳过它，因为它不知道它意味着什么，所以如果嵌套你的盒子会不合时宜。

Answer 2

这是无效的CSS，它是CSS处理器。您可以尝试以下服务：http://css2sass.heroku.com/

放置您的第一个代码块，然后单击转换2 SCSS，您将获得第二个块。

Answer 3

你在那里的CSS在语法上是正确的。他们似乎要求的格式与像SASS这样的CSS预处理语言中的嵌套一致，例如，请参阅http://sass-lang.com/guide。