javascript - 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 src="../css/index.css" scoped></style>

Answer 2

好像是不行的