& /deep/用意

Posted 单身girl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了& /deep/用意相关的知识,希望对你有一定的参考价值。

一、含义
  /deep/ 深度选择器

二、用法
  在vue中,我们为了避免父组件的样式影响到子组件的样式,会在style中加

我们在加了 scoped 之后样式会自动添加一个hash值。比如下面所示:

.title[data-v-211e4c4a] 
    color: #ff0;

当你想在父组件修改子组件的样式,就需要使用/deep/。比如下面所示:

<style scoped>
     /deep/ .title
        color: #ff0;
    
</style>

三、>>>、/deep/以及::v-deep
  以上三种的效果均是在父组件改变子组件的样式。

一些预处理器(例如Sass)可能无法正确解析>>>。在这些情况下,可以改用/deep/或::v-deep组合器,两者都是它的别名,并且和>>>工作原理完全相同。

以上是关于& /deep/用意的主要内容,如果未能解决你的问题,请参考以下文章

& /deep/用意

6.1 tensorflow2实现Wide&Deep推荐系统——Python实战

6.2 tensorflow2实现Deep&Cross推荐系统——Python实战

如何在 Vue2 中的 Sass 后缀 (&__) 选择器上实现 ::v-deep?

19推荐系统9Wide&Deep

如何在 SCSS 中使用 /deep/?