vue项目中引入全局css
一、使用样式的文件部分代码二、全局样式文件 common.css三、引入全局样式(方法很多,给2种相对简单的)1、main.js 中引入2、App.vue 中引入一、使用样式的文件部分代码<div><p>友情链接:</p><div><a href="#" target="_blank"><p class="p-hover">链
·
一、使用样式的文件部分代码
<div>
<p>友情链接:</p>
<div>
<a href="#" target="_blank">
<p class="p-hover">链接1</p>
</a>
<a href="#" target="_blank">
<p class="p-hover">链接2</p>
</a>
<a href="#" target="_blank">
<p class="p-hover">链接3</p>
</a>
</div>
</div>
二、全局样式文件 common.css
- 不知道啥情况,直接写
.class
样式 不生效,得绑定标签才行
p.p-hover:hover { /*生效*/
color: #3BB8EF!important;
}
p-hover { /*不生效*/
color: red!important;
}
三、引入全局样式(方法很多,给2种相对简单的)
1、main.js 中引入
// import './assets/css/common.css'
2、App.vue 中引入
<style>
/* @import url("./assets/css/common.css"); */
@import "./assets/css/common.css";
</style>
更多推荐
已为社区贡献2条内容
所有评论(0)