vue项目打包后部分样式不生效怎么办(解决办法)

1608 ℃

vue项目打包后部分样式不生效是什么原因?下面web建站小编告诉大家应该如何解决!

在vue组件里,在style设置为scoped的时候,在写样式有时候对子组件不生效。如果想让某些样式对子组件生效,可以使用/deep/深度选择器

代码案例如下:

复制代码/deep/.index li a{

//...

}
  • 1
  • 2
  • 3
  • 4
  • 5

进入官网入口

vue中的scoped样式不生效解决方法(样式穿透的方法)

vue样式scoped中什么情况下用深度选择器/deep/

scss中深度选择器/deep/的基本用法

react如何实现父组件传值子组件(子组件只负责渲染)

react如何实现父组件调用子组件函数

标签: deep, 子组件, 深度选择器

上面是“vue项目打包后部分样式不生效怎么办(解决办法)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2975.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

织梦cms5.5如何修改首页顶部广告
帝国CMS功能之商城系统在线支付后,订单邮件提
织梦默认作者和默认来源修改
js利用正则表达式判断是否为空
帝国CMS用ID如何取得栏目地址函数