在 Element Plus 官网的指南页面有很多好看的例子，代码可以现成 Copy 使用，但是在本地会发现样式完全不生效；即便是自己用组件手撸的也没有像样的效果。这是因为没有导入 element plus 的 CSS 默认样式文件。
在 main.js 导入 element-plus 模块和 CSS 样式文件：
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
// 引入 Element Plus 默认样式文件
import 'element-plus/theme-chalk/index.css'
const app = createApp(App)
// 注册组件
app.use(ElementPlus,
VueAxios,
axios)
app.mount('#app')
不生效的原因 选择器写错语法错误选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选...
使用 angular 的仿真模式封装样式时可能会遇到在 css 文件声明的样式不生效的问题。 原因 仿真模式生成的...
html 代码 css 代码 发现 last-child 和 first child 中的样式不生效。然后把 ht...
没有生效？ 注意样式必须加载 less 格式，一个常见的问题就是引入了多份样式，less 的样式被 css 的样式...
有这样的代码段 生效的类名以css文件中最后定义的类的样式为准 比如上面这段代码 生效的样式是carousel-i...
sel不会生效，因为css先按权重排序，权重大的样式优先使用，权重一样的才按先后顺序 .flex-containe...
在引入iconfont图标的时候，图标一直显示小方框，就是不显示对应的小图标，原因是全局引入的css样式没有生效。...
在引入iconfont图标的时候，图标一直显示小方框，就是不显示对应的小图标，原因是全局引入的css样式没有生效。...
原因：引入样式reset.css 重置了strong本身样式
css引入 1.行间样式 style属性 优点：直接写在标签内，对该标签生效 缺点：内容和样式没有分离，代码阅...
本文标题：【Vue3+ElementPlus】CSS 样式不生效的原因
本文链接：https://www.haomeiwen.com/subject/ghkfldtx.html
网友评论