【问题标题】:On li element hover, apply color to anchor tag in SASS [closed]在 li 元素悬停时,将颜色应用于 SASS 中的锚标记 [关闭]
【发布时间】:2013-12-10 20:16:20
【问题描述】:

我需要将以下 CSS 转换为 SASS:

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

如何翻译?

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

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

【问题讨论】:

  • 先试试你的代码。如果它不起作用,请提出您的问题。

标签: html css sass


【解决方案1】:

试试这个:

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

或者

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

【讨论】:

    【解决方案2】:

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

    #menu li:hover > a 
    color: #fafafa
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多