SASS中样式的权重如何改变
main里导入
@charset "utf-8";
// Import Bootstrap Compass integration
@import "bootstrap-compass";
// Import custom Bootstrap variables
@import "bootstrap-variables";
// Import Bootstrap for Sass
@import "bootstrap";
//这是我写的样式
@import "nav";
HTML
<div class="nav_nav">
<a href="http://google.com/" target="_blank">111</a>
</div>
nav.scss
.nav_nav {
float: right;
color: #666;
font-size: 16px;
a {
margin-left: 55px;
&:hover {
color: #39a030;
}
}
color: #666;这个就无效了,字显示#337ab7,样式文件关联到Bootstrap的scaffolding.scss中。
是不是还要修改Bootstrap的源文件?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
和css权重定义一样,最高权重仍是!important
在#666后面加!global试试