使用SASS的多個嵌套CSS命名空間？

Question

我似乎無法找到任何文件的可能性（或者甚至可能）做以下事情。

下面是基本的CSS /上海社會科學院命名空間聲明：

.example { 
    border: { 
    style: dashed; 
    width: 30px; 
    color: blue; 
    } 
} 

是否有可能也有這種格式，但鏈top, right, bottom, left聲明？

我怎麼會想象這個被寫入：

.example { 
    border: { 
    top, right, bottom, left: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    } 
} 

.example { 
    border: { 
    [top, right, bottom, left]: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    } 
} 

Answer 1

您將需要一個邊界後，將它們添加一個：{}，屬性是這樣的：

.example{ 
     border:{ 
      style: dashed; 
      width:10px; 
     color: blue; 
     } 
    border-top:{ 
     width:3px; 
     } 
    border-left:{ 
     color:red; 
    } 
    border-right:{ 
     width:25px; 
    } 
    padding:70px; 
    } 

Answer 2

有可能（抱歉，我以前的錯誤答案）。這個例子似乎與上海社會科學院的所有版本完美的工作：

.example { 
    border: { 
    top: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    left: { 
     style: dashed; 
     width: 30px; 
     color: blue; 
    } 
    } 
} 

檢查SassMeister的例子。