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

35次阅读

共计 287 个字符,预计需要花费 1 分钟才能阅读完成。

** 有时候咱们须要批改组件的款式,明晓得对应的 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>

正文完
 0