注释不能出现在选择器内部，因css解析器会将其视为语法错误而直接丢弃整条规则；仅允许置于规则外部、声明块内部或单条声明末尾。

注释不能出现在选择器内部，因为CSS解析器会直接报错

CSS规范明确禁止在选择器字符串中间插入/* */。浏览器或预处理器在解析阶段就要求选择器必须是连续、合法的标识符序列，而/*一出现，解析器立刻认为当前选择器已中断，后续内容被当作无效语法丢弃——不是“被忽略”，是根本无法进入样式规则构建流程。

/* */嵌套在选择器里会导致整条规则失效

比如写成.btn/*-primary*/-secondary { color: blue; }，实际效果等同于只写了.btn，后面-secondary { color: blue; }变成孤立的声明块，CSS引擎直接跳过，控制台通常不报错，但样式完全不生效。

• DevTools 的 Elements 面板里找不到该规则，Computed 里也查不到
• Sass/Less 编译时可能静默截断，生成的 CSS 中只剩.btn { }之类残缺片段
• PostCSS 插件（如 cssnano）会在压缩阶段直接移除非法段落，加剧排查难度

想临时禁用某类名？用其他方式替代注释

真正安全的做法是避开在选择器中动刀：

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

• 把整条规则用/* */包住：完整注释掉.btn-primary { ... }，而不是只注释其中一部分
• 改用类名开关：比如加个.is-disabled临时覆盖，比删改选择器更可控
• 开发期用[data-dev]属性选择器隔离：例如[data-dev] .btn-primary { display: none; }，上线前删掉属性即可

注释能放的位置其实很窄

CSS注释只允许出现在三个地方：

• 规则外部：/* 全局重置 */ html { margin: 0; }
• 声明块内部（但不能切开声明）：.btn { /* 注释说明 */ color: red; }
• 单条声明末尾：padding: 12px; /* 按钮内边距 */

一旦试图把/*塞进.class-name中间，就等于主动触发解析器的语法拒绝机制——这不是兼容性问题，是底层解析规则决定的硬限制。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！