错误on＆amp; SCSS中的属性选择器

Question

scss代码： .parent-class {＆amp; [dir ='rtl'] { ＆amp; __ cta { p { 左键：6px; 边缘权利：初始； } }}} }

错误： sass错误无效父母选择器“ [dir = rtl]”

＆amp; [dir ='rtl'] {＆amp; __ cta { p {

Answer 1

此错误给了您一个提示：

.parent-class {
    &[dir='rtl'] {
        &__cta {
            p {
                margin-left: 6px;
                margin-right: initial;
            }
        }
    }
}

此选择器是无效，因为它会编译为：
.parent-class [dir ='rtl'] __ cta

根据您的标记，您可能需要这样写：

 .parent-class {
     $root: &;
     
     &[dir='rtl'] { 
         & #{$root}__cta { 
             p { 
                 margin-left: 6px; 
                 margin-right: initial; 
             } 
         } 
     } 
 }

这会编译为：
.parent-class [dir = rtl] .parent-class__cta p