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

Question

我有以下的CSS，我想转换成有效的SCSS青菜：

 .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; 
}