vue中使用了第三方的组件,其定义了一个css,需要在当前的单文件组件改变第三方组件里面的css:

第三方的css样式class名通过chrome调试查看:

css样式穿透第三方 >>>

css样式穿透第三方 >>>

css样式穿透第三方 >>>

这样做是没有效果的。这个class是第三方组件里面定义的css,而我们这里即使使用权重也无法修改,

‘应该使用css穿透:

css样式穿透第三方 >>>

css样式穿透第三方 >>>

意思是swipper组件下的该class会响应background #fff。从而打破了scoped的限制。

相关文章:

  • 2021-11-30
  • 2022-12-23
  • 2021-12-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-04-04
  • 2022-12-23
  • 2021-12-14
相关资源
相似解决方案