<p>Ctrl+/注释失效是因jinja插件劫持语言模式，卸载或在editor.commentSymbols中为css指定/ /；CSS补全需确保语言模式正确及设置开启；多行编辑应精准定位光标；格式化问题源于css.format配置或Prettier冲突。</p>
Ctrl+/ 注释失效或注释符号错乱
在 CSS 文件里按 Ctrl+/，结果出来的是 <!-- --> 而不是 /* */，说明当前语言模式被错误识别或插件干扰。最常见原因是装了 jinja 插件，它会劫持 HTML/CSS/JS 的注释行为。直接卸载该插件即可恢复；如果必须保留，可在设置中搜索 editor.commentSymbols，手动为 css 语言指定 {"lineComment": "/*", "blockComment": ["/*", "*/"]}。
快速补全 CSS 属性与值
VSCode 默认对 CSS 有基础补全，但容易漏掉常用缩写或厂商前缀。确保已启用 emerald 或 Auto Rename Tag 类插件无冲突，并检查设置中 editor.suggest.showCssClassNames 和 editor.suggest.showCssIdSelector 为 true。输入 dis 后按 Tab，通常能补全 display；输入 flex 可直接触发 display: flex 补全。若补全不出现，先确认光标在花括号内、且文件后缀是 .css 或 .scss（否则语言模式可能为 plaintext）。
多行同时编辑 CSS 声明
写类似 margin、padding 四个方向时，逐行改太慢。选中第一行的 0，按 Ctrl+D 依次选中后续行对应位置；或者用 Ctrl+Alt+↓ 在每行末尾加光标，再统一输入 px。注意：若光标落在冒号后空格处，Ctrl+D 会匹配所有冒号后空格，而非数值——此时应先用 Ctrl+→ 跳到值起点再操作。另外，Shift+Alt+I 可在所有选中行末尾插入光标，适合批量加单位或分号。
格式化 CSS 时缩进与换行失控
按 Shift+Alt+F 后发现属性挤成一行、或每个属性都换行，是因为 Prettier 或内置 CSS 格式化器配置冲突。打开设置搜索 css.format，重点关注：css.format.newLinesBetweenRules（是否在规则间空行）、css.format.spaceAroundSelectorSeparator（选择器中空格）、css.format.wrapLineLength（单行最大长度）。若用 Prettier，需在项目根目录配 .prettierrc 并设 "singleQuote": true 和 "bracketSpacing": true，否则格式化结果可能和预期不符。
立即学习“前端免费学习笔记（深入）”；
真正卡住人的往往不是记不住快捷键，而是光标停在哪、语言模式对不对、插件有没有悄悄改规则——这些细节不排查，再快的键也敲不出干净样式。
