css深度选择器

Posted 2022-03-17 zhangweb

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css深度选择器相关的知识，希望对你有一定的参考价值。

在vue 项目中使用 scoped 后

在父组件中的样式无法修改子组件的样式这时可以使用深度作用选择器 /deep/

例如:

<template>

　　<div id="chat">

　　　　<el-input v-model="input" class="chat_input" placeholder="请输入内容"></el-input>

　　</div>

</template>

<script scoped >

　　.chat_input 
　　　　/deep/ .el-input__inner 
　　　　　　color: #fff6f7
　　　　
　　
</script>

ChatIM

以上是关于css深度选择器的主要内容，如果未能解决你的问题，请参考以下文章