Scoped CSS

转换结果：

你可以在一个组件中同时使用有 scoped 和非 scoped 样式：

如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 操作符：

上述代码将会编译成：

通过 创建的 DOM 内容不受 scoped 样式影响，但是你仍然可以通过深度作用选择器来为他们设置样式。