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

Question

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

Answer 1

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>

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