在li元素悬停上,将颜色应用于SASS中的锚标记

时间:2013-12-10 10:49:32

标签: html css sass

我有以下需要转换为SASS的CSS:

#menu li:hover > a {
    color: #fafafa;
}

如何翻译?

编辑:看着它,我会尝试:

    menu{
       li{
          &:hover{
                  a{
                     color: #fafafa;
                   }
          } 
       }
   }

2 个答案:

答案 0 :(得分:1)

试试这个:

#menu
  li
    &:hover
      > a
        color: #fafafa

或者

#menu{
       li{
          &:hover{
                  > a{
                     color: #fafafa;
                   }
          } 
       }
   }

答案 1 :(得分:0)

我只使用过。{但在http://sassmeister.com/尝试了,SASS结果是:

#menu li:hover > a 
color: #fafafa