Question

#mydiv{
    //csscode....
    ul{
    //csscode....
         li{
         //csscode....
            a{
            //csscode....
                &:hover{
                    //csscode....

                    (HOW TO ADD a CLASS OUTSIDE #mydiv)
                }
            }
         }
    }

}

我想只为ie8添加一个类。看起来像

.it-ie8 #mydiv ul li a:hover{}

我应该像上面那样写，或者我可以在

中添加内容

&:hover{
 (HOW TO ADD a CLASS OUTSIDE #mydiv)
}

Answer 1

当然可以，在嵌套标识符后使用＆符号，将从点开始重新创建树，首先从标识符开始。

IE：

<强> SCSS：

#mydiv{
    //csscode....
    ul{
    //csscode....
         li{
         //csscode....
            a{
            //csscode....
                &:hover{
                    //csscode....
                    .it-ie8 & {color:red;}
                }
            }
         }
    }

}

将编译为：

<强> CSS

.it-ie8 #mydiv ul li a:hover {
  color: red;
}

sass将一个类添加到作用域的顶部

1 个答案: