每个页面里的CSS 只给当前页面用（类似微信小程序 那样）

vue3 怎么做到，每个页面里的CSS 只给当前页面用（类似微信小程序 那样）

这篇博客或许对你有所帮助：https://blog.csdn.net/m0_62742402/article/details/127667135

加一个scope 在style标签上

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7536203
• 这篇博客你也可以参考下：Vue + 原生JS + 原生CSS3 实现视频时间点在时间轴上的动态可视化
• 除此之外, 这篇博客: 前端开发：在vue中实现按钮倒计时功能中的 3、css样式里面的代码 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <style scoped>
  
  /**弹框 */
  
  .instruction-dialog {
  
    margin-top: 10px;
  
    margin-bottom: 15px;
  
    height: 80%;
  
  }
  
  .instruction-dialog-content {
  
    color: #323232;
  
    padding: 15px;
  
    font-size: 11px;
  
  }
  
  .dialog-button-bg {
  
    background: white;
  
    text-align: center;
  
    position: fixed;
  
    left: 0px;
  
    right: 0px;
  
    bottom: 0px;
  
  }
  
  </style>