Vue.js 嵌套样式不'；t在我的组件中工作'；风格

在我的

numxt

应用程序中，我在标准

LESS/SCSS

语法中嵌套了样式。非常简单的东西，但浏览器不理解：

<style scoped>
.telephone {
  display: flex;
  align-items: center;
  color: white;

  .icon-telephone {
    margin-right: 1em;
    transform: rotate(90deg);
    width: 20px;
  }
}
</style>

。。从

.icon电话{：；

到

}：打通了

发生了什么事？
嗨，你应该检查一下：


安装pre-pocessors并使用
lang
属性

<style lang="scss">
.red {
  color: red
}
</style>


瑞德先生{
颜色：红色
}
您好，您应该检查以下内容：


安装pre-pocessors并使用
lang
属性

<style lang="scss">
.red {
  color: red
}
</style>


瑞德先生{
颜色：红色
}