scss或less嵌套写法样式不生效问题
一般我们在写项目时,不管是原生的css去写还是通过less/sass预处理器去处理,都习惯性的根据不同的功能模块等去对应相应的样式文件,最后统一在一个地方引入,例如:common.scss文件@import './reset.scss';@import './header.scss';@import './nav.scss';@import './login.scss';/*登录*/@import
·
一般我们在写项目时,不管是原生的css去写还是通过less/sass预处理器去处理,都习惯性的根据不同的功能模块等去对应相应的样式文件,最后统一在一个地方引入,例如:
common.scss文件
@import './reset.scss';
@import './header.scss';
@import './nav.scss';
@import './login.scss';/*登录*/
@import './systemuser.scss'; /* 用户管理*/
最后在app.vue文件中引入common.scss文件,这时候问题出现了
-
通过import方式引入css出现失效问题
<style lang="sass" > @import url(./assets/css/common.scss); </style>
-
解决方案:
<style lang="sass" src="./assets/css/common.scss"></style>
更多推荐
已为社区贡献1条内容
所有评论(0)