vue css作用域问题

Question

vue文档中有提到使用在标签上加scoped来实现作用域控制，代码如下

<style scoped>
    @media (min-width: 250px) {        .list-container:hover {            background: orange;
        }
    }</style>

但如果我是使用

import '../css/index.css';

的形式引入的css，那么怎么使作用域限制在当前组件呢？

Answer 1

可以用<style&nbsp;src="../css/index.css"&nbsp;scoped></style>