网络日志

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>