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>