IT虾米网

Vue 修改组件中的样式

qq123 2022年06月03日 编程语言 287 0

**有时候我们需要修改组件的样式,明知道对应的 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>

评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

自动区分不同的开发环境我做了一个Chrome插件