Question

我有以下要转换为有效scss sass的css：

        .my-class>li.active>a,
        .my-class>li.active>a:hover,
        .my-class>li.active>a:focus {
           color: #555;
           background-color: #fff;
        }

我尝试了如下，但它没有给我确切的结果：

  .myclass {
     .li {
        &.active {
           color: #555;
           background-color: #fff;
           &:hover, &:focus {
              color: #555;
              background-color: #fff;
           }
        }
     }
  }

Answer 1

尝试这样：

 .myclass {
     > li.active {
        > a, > a:hover, > a:focus {
            color: #555;
            background-color: #fff;              
        }
     }
  }

结果输出（在sassmeister上测试）是

.myclass > li.active > a,
.myclass > li.active > a:hover, 
.myclass > li.active > a:focus {
  color: #555;
  background-color: #fff;
}

我如何将以下css写入有效的sass，scss？

1 个答案: