如何將以下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; 
}