Sass-lint如何忽略force-element-nesting错误？

别担心，完全不用依赖// sass-lint:disable-all这种“一刀切”的方式，只需要精准指定要忽略的规则名就能搞定！

针对你遇到的这个force-element-nesting错误，有两种常用的精准忽略方式：

1. 块级临时禁用（适合多行代码） #

如果你的选择器和样式代码占了多行，可以用disable和enable配对，只在指定块内关闭该规则：

// sass-lint:disable force-element-nesting
.one.two.three.four .something .else, .one.three.hello .another .else {
  // 这里写你的样式属性
  color: #333;
  padding: 10px;
}
// sass-lint:enable force-element-nesting

这样一来，只有这段代码会跳过force-element-nesting检查，其他部分的sass-lint规则依然正常生效。

2. 行内禁用（适合单行代码） #

如果你的选择器写在一行，也可以直接在行尾加注释，仅忽略当前行的该规则：

.one.two.three.four .something .else, .one.three.hello .another .else { // sass-lint:disable-line force-element-nesting
  // 样式代码
}

小提醒 #

• 一定要写全规则名force-element-nesting，sass-lint才能识别到要忽略的具体规则
• 尽量用enable恢复规则，避免不小心关闭了全局的代码检查

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