vue组件中设置css样式失败的原因

Question

问题遇到的现象和发生背景

为什么在vue组件中设置CSS样式显示不出来

用代码块功能插入代码，请勿粘贴截图

我想要达到的结果

<template>
    <div class="header">    

    </div>
    
</template>

<script>
    export delete{};
</script>

<style scoped>
    div {
        width: 10px;
        width: 10px;
        background-color: aqua;
    }
</style>

Answer 1

你给设置个height 看看 。审查元素看看样式加上了没