最近写样式写到头大，一直在重复写那些兼容性代码[叹气]，后来才想起来可以用 mixin 抽离一下，比如给按钮加圆角和阴影

ლ妍妍Lv1 2026-01-29 03:48:15

最近写样式写到头大，一直在重复写那些兼容性代码，后来才想起来可以用 mixin 抽离一下，比如给按钮加圆角和阴影，每次都写一堆前缀真的太累了。整了个基础的 button 样式混入，传个颜色参数就能搞定一套主题，改起来也方便多了...

@mixin button-style($bg-color) {
  background: $bg-color;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}

感觉清晰不少，终于不用 ctrl+c/v 那些重复代码了 #CSS优化小技巧#

反馈