我是一名网络前端开发人员(新手)。
假设，如果我正在使用 Twitter Bootstrap 为网页编写代码并想要一个响应式侧边栏，我可以这样做:
<div class="col-xs-12 col-md-3">...</div>
比方说，为了关注点分离，我希望设计人员决定侧边栏在每个屏幕宽度上应该有多少列宽。
这样做不是更好吗:
<div class="sidebar">...</div>
让设计师做这样的事情:
sidebar = col-xs-12 col-md-3
CSS 中的某处？
这可能吗？有没有工具可以做到这一点？我偏离基地了吗？
最佳答案
在 CSS preprocessor 的一些帮助下，这是可能的像下面这样:
- > Sass
.sidebar { @扩展.col-xs-12； @扩展.col-md-3； }
- > Less
.sidebar { &:扩展(.col-xs-12); ＆:扩展(.col-md-3)； }
希望这对您有所帮助!
关于CSS 类 "macro"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34656630/