vue 样式基本使用和理解

1. 导入样式

// 单文件组件里，在style标签到导入样式

@import '../asset/my.css';

2 style标签里面的设置

// 1. 默认情况，style标签只认识 css的写法
<style></style>

//2. scoped 和 lang作用，
scoped限制样式只在单文件组件内起作用
lang设置解析的css语言
<style scoped  lang="scss"></style>

//3. 注意尽量不要使用 标签选择器
<style scoped >
a{
  color: blue;
}
</style>

这行代码虽然是在你，点击某个组件之后触发，但是，它会覆盖前面a标签所有的样式。
因为css是你加载进来它就会一直存在。 这个确实要好好理解。

 

转载于:https://www.cnblogs.com/tengyuxin/p/11149130.html