如何为包含内部注释的CSS语句添加外层注释

以下几种方法都可以在不删除原有内部注释的前提下，让整段CSS失效：

• 方法1：无侵入式媒体查询包裹法（兼容所有原生CSS场景，无需修改原有代码）
  利用浏览器会忽略不存在的媒体类型规则的特性，给目标代码套一层永远不会生效的@media规则即可：

@media DISABLED {
blahbla {  font-size: 20px !important;
           line-height: 20px !important;   /* added in August 2021 */
           font-family: Verdana !important; }
}

DISABLED为自定义的无效媒体类型，浏览器会直接跳过整个块内的所有样式，原有代码不需要做任何改动。

• 方法2：临时修改内部注释标记法
  只需要把原有内部注释的结束标记*/中间加一个空格改成* /，就可以正常在外层套块注释，需要恢复代码时把空格删掉即可：

/*
blahbla {  font-size: 20px !important;
           line-height: 20px !important;   /* added in August 2021 * /
           font-family: Verdana !important; }
*/

• 方法3：单行注释逐行标记法（仅适用于使用Sass/LESS等CSS预处理器的项目）
  预处理器支持//开头的单行注释，不会和原有/* */格式的块注释冲突，逐行添加即可：

// blahbla {  font-size: 20px !important;
//            line-height: 20px !important;   /* added in August 2021 */
//            font-family: Verdana !important; }

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