html - 如何解决我的 sass 选择器问题

标签 html css sass

我正在为我的元素运行 scss lint,它报告了一些我不确定如何修复的问题。

我的 scs

#test-id {
    .table {
        .test {
            color: #fff;
        }
    }
}

Scss 提示

MergeableSelector: Merge rule `#test-id` with rule on line 7

我不确定如何合并我的选择器。谁能帮我解决这个问题?谢谢!

最佳答案

不知道第 7 行是什么,我猜它告诉你这样做:

#test-id .table .test {
    color: #fff;
}

因为在这种情况下不需要嵌套。

关于html - 如何解决我的 sass 选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32340305/

相关文章:

javascript - PHP session 变量和 javascript 变量是异步的

html - 下拉菜单不可点击

css - 在 scss 导入上设置 `font-display: swap`

css - BEM命名与定位

html - 如何在浏览器调整大小时从重叠居中的静态 div 中修复 div?

html - 无法将文本与图像对齐?

javascript - 为什么 Chrome 不允许 Web Worker 在 JavaScript 中运行?

css - 在 Angular 上安装 Hamburger CSS

CSS/样式建议

css - 使用 Bootstrap 4 表和 SCSS 覆盖表悬停颜色的最佳方法?