0

在一个项目中，客户要求将 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 的格式无效，我将不胜感激您的想法。

4

3 回答 3

1

这确实是有缺陷的 CSS。

CSS 不使用嵌套选择器。

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

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

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

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

CSS不会在无效标记上给出任何错误，它只是跳过它，因为它不知道它的含义，因此如果嵌套你的框将是无样式的。

于 2013-10-18T12:01:01.957 回答
1

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

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

于 2013-10-18T12:01:16.240 回答
1

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

于 2013-10-18T12:02:31.020 回答