关于vue.js:Vue-修改组件中的样式

**有时候咱们须要批改组件的款式,明晓得对应的 class 或 标签 后批改其款式始终不失效,
这里列举了两个办法解决:(局部代码省略)**

页面1:

<template>
  <div id="app">
    <News></News> <!--组件-->
  </div>
</template>

<style lang="css" scoped>
  .News /deep/ .name{ // 第一种写法
    color:red;
  }
  .News >>> .name{   // 第二种写法
    color:red;
  }
</style>

页面2:组件页面

<div class="News">
  <div class="name">Name</div>
</div>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理