SASS中样式的权重如何改变
本文介绍了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的源文件?
解决方案
和css权重定义一样,最高权重仍是!important
这篇关于SASS中样式的权重如何改变的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文