如何使用 scss 为子选择器应用样式答案

【问题标题】：How to apply style for child selector using scss如何使用 scss 为子选择器应用样式
【发布时间】：2018-07-27 10:13:58
【问题描述】：

如何使用 scss 以更简单的方式为第 n 个嵌套子应用样式而无需深度嵌套

【问题讨论】：

标签： css sass

【解决方案1】：

你的意思是这样的：

.class {
    &:nth-child(odd) {
        // Style here...
    }
}

根据您的评论，您需要将 CSS 编写为

.contaier.desc {
    .hello2 { 
        .hello3 { 
            background-color-red;
        }
    }
}

【讨论】：

Hello World

我需要使用 scss 将样式应用于 hello3
那么你想瞄准什么？？
我可以像 .contaier desc {.hello3 { background-color-red;}} 这样申请吗
如果你想让它工作，那就是 .contaier.desc {.hello { background-color-red;}}。您需要它来读取 .contaier.desc，因为您的目标是一个具有两个名称容器和 desc 类的元素
我需要申请 3 级，即 div 的 class="hello3"