ctrl+shift+c能自动排序css属性,因其按sublime内置优先级规则(display→position→top/left→width/height→color/font)重排,仅作用于选中块或整条规则,不处理未闭合规则或保留空行。

Ctrl+Shift+C 为什么能自动排序CSS属性?
这个快捷键不是简单按字母排,而是按 Sublime 内置的 CSS 属性优先级规则重排:先 display、position,再 top/left 等定位,接着 width/height,最后是 color、font 等装饰类。它只作用于当前选中块(未选中则处理整个 CSS 规则),且不改变注释或自定义属性位置。
常见误用:Ctrl+Shift+C 对未闭合的规则(比如缺右大括号)会失效;若属性间有空行,空行会被合并——想保留分组空行?得手动加 /* --- layout --- */ 注释并关掉自动折叠。
折叠 HTML 标签和 CSS 块的区别在哪?
HTML 折叠靠标签对,Ctrl+Shift+[ 放在 <div> 内会收起整个标签内容;CSS 折叠靠大括号,光标停在 <code>{ 或 } 上按 Ctrl+Shift+[ 才生效。两者不能混用:把光标放在 CSS 的 .class { 行末按,折的是整条规则;放在 body { 里某个 margin 属性上按,则只折该属性所在块(如果启用了属性折叠)。
容易踩的坑:Ctrl+K, Ctrl+0(展开所有)对 HTML 和 CSS 都有效,但 Ctrl+K, Ctrl+J(展开全部)只对 CSS 生效;HTML 层级折叠需依赖插件(如 HTML-CSS-Class-Completion)才支持子元素嵌套折叠。
批量修改 CSS 类名时 Ctrl+D 和 Alt+F3 怎么选?
Ctrl+D 是渐进式选择:光标停在 .btn-primary 上,按一次选当前词,再按选下一个同名类,适合边看边确认;Alt+F3 是全量选择:直接高亮文档中所有匹配项,适合已确定要全局替换的场景(比如重构 class 命名)。
关键差异:
-
Ctrl+D默认全词匹配,双击选中后再按更可靠(避免匹配到primary-text中的primary) -
Alt+F3区分大小写,且受当前文件编码影响(UTF-8 下正常,GBK 文件可能漏匹配) - 两者都支持正则模式:先
Ctrl+F打开查找框,勾选.*按钮,再输\.btn-\w+,按Alt+Enter就能选中所有符合的类名
为什么 Ctrl+Shift+L 在 CSS 里经常只出一个光标?
这个操作完全依赖「选区是否含换行符」——不是看你选了几行,而是看你选中的文本里有没有 \n。在 CSS 中,如果一行写多个声明(如 color: red; margin: 0;),用鼠标拖选整行再按 Ctrl+Shift+L,只会生成一个光标(因为没换行符);必须先用 Ctrl+L 选中多行,或用 Shift+↓ 拖出含换行的选区,再按才生效。
真正适合 CSS 的列编辑是 Alt+Shift+鼠标拖拽(Windows/Linux)或 Cmd+Shift+鼠标拖拽(macOS),但要求字体为等宽(如 "Consolas"),否则光标错位。另外,drag_text 设为 false 可避免拖拽时意外触发文本移动。











