如何将给定的CSS代码片段转换为SCSS格式？

你提供的CSS可以利用SCSS的嵌套语法和父选择器&特性简化改写，转换后代码如下：

.can-toggle {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
}

转换逻辑说明 #

• 把重复出现的父选择器.can-toggle提取到最外层，内层嵌套的选择器会自动和外层父选择器拼接，编译后得到的CSS和你提供的原始代码完全一致
• 这里把伪元素的单冒号写法:before/:after调整为CSS3标准的双冒号::before/::after写法，如果你需要兼容IE8等极旧版本浏览器，保留单冒号写法即可，不影响SCSS编译效果。

内容的提问来源于stack exchange，提问作者Newsha Nik