WordPress主题编辑器编辑CSS遇Expected RBRACE及Unexpected token '}'错误求助

嘿，这个问题其实是因为你用了Sass/Scss的嵌套语法，但WordPress主题编辑器只认标准CSS，不支持这种嵌套写法，所以才会报语法错误。

你原来的代码是这样的：

#post-6303 { 
  .post-content { 
    padding: 0 10% 0 10%; 
  } 
}

这种嵌套是CSS预处理器的专属写法，标准CSS里需要把它改成后代选择器的形式——把嵌套的选择器用空格连起来，明确表示“#post-6303元素下的.post-content元素”。另外padding: 0 10% 0 10%;还能简化成padding: 0 10%;，效果完全一致，代码更简洁。

修改后的正确代码：

#post-6303 .post-content {
  padding: 0 10%;
}

接下来你只需要：

• 回到WordPress主题编辑器，删掉原来的错误代码
• 粘贴上面的正确代码
• 点击保存，刷新文章页面就能看到效果啦

内容的提问来源于stack exchange，提问作者JoeEdward