我如何将下面的 css 写入有效的 sass, scss？

Question

我有以下 css，我想将其转换为有效的 scss sass:

        .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？

How would I write the following css into valid sass, scss?

css

sass