不需要非语义元素的CSS框架
不需要非语义元素的CSS框架
提问于 2014-09-24 04:12:08
我使用了一些CSS框架，比如Bootstrap，来快速构建看起来不错的网站。可悲的是，它们都要求我在HTML中添加额外的标记以使其正常工作。
是否有遵循不同理念的CSS框架，而不是仅仅将所有额外的类和元素放入我的标记中？
Stack Overflow用户
发布于 2014-09-24 04:33:05
实际上，您可以将Bootstrap与诸如Less或Sass之类的CSS预处理器一起使用，以便保持一个干净的HTML标记。
如果你不了解这些工具，它们绝对值得一看。使用它们，您可以使用变量和混合构建样式表，如下所示(Sass语法)：
$main-color: rgba(21, 34, 64);
@mixin button {
border: 1px solid black;
padding: 5px;
}
html {
background-color: $main-color;
}
nav {
a {
@include button;
}
}当编译为CSS时，前面的块代码将呈现：
html {
background-color: rgba(21, 34, 64);
}
nav a {
border: 1px solid black;
padding: 5px;
}当框架，如Bootstrap或Foundation (也是不错的框架)提供Less和Sass文件时，您可以在样式表中包含大多数框架逻辑，而不是向HTML中添加类。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26003926
复制相关文章
相似问题
腾讯云开发者
