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

Posted 2023-03-06

【中文标题】如何使用 scss 为子选择器应用样式

【英文标题】：How to apply style for child selector using scss

【发布时间】：2018-07-27 10:13:58

【问题描述】：

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

【参考方案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"