VSCode中为何无法在CSS文件的同一选择器组内添加所有所需样式？

嘿，我完全懂你遇到的困扰！你现在是因为没掌握CSS的基本语法规则，才导致没法把多个属性写在同一个选择器的大括号里对吧？

咱们先明确CSS的核心语法：每个属性-值对（也就是CSS声明）都必须用分号;来分隔，哪怕是最后一个声明，加上分号也是更规范的写法，能避免很多意外问题。

你之前尝试的错误写法：

p { color: red padding: 30px }

浏览器解析的时候，会把color: red padding: 30px当成一整段无效的内容，根本识别不出后面的padding属性，这就是你提到的第9行属性没被识别的原因。

正确的写法有两种格式可选：

• 换行排版（可读性更高，日常开发更推荐）：

p { 
  color: red; 
  padding: 30px; 
}

• 紧凑排版：

p { color: red; padding: 30px; }

另外给你个小建议：用VS Code这类现代代码编辑器的话，它会实时提示语法错误；也可以装个CSS语法检查插件（比如Stylelint），能帮你自动揪出这类格式问题，写代码更顺畅~

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