vue引入的css文件被父组件影响？

子组建外部动态引入的css文件会被全局的样式影响,这有什么办法解决吗

1.子组件内定义同名css
在相同属性后面加上 !important,如

div{
    background-color: aliceblue !important;
}

2.在所有组件样式标签中加入lang='less' scoped即可实现
如:

<style lang="less" scoped>
  li {
    height: 49% !important;
    margin: 0 !important;
    overflow: auto;

    p {
      word-wrap: break-word;
    }


  }

  li::-webkit-scrollbar {
    display: none;
  }
}
</style>

有帮助请采纳,有问题继续交流,你的采纳是对我回答的最大的肯定和动力

style scope了解一下。或者改类名

如果是全局css覆盖的话 你子组件里比全局的权重大就可以啊