sass样式穿透,深度作用选择器, 父选择器

scss

.el-input-number {
  ::v-deep #inputNumber {
    text-align: left;
  }
}

css

.el-input-number >>> #inputNumber {
    text-align: left;
  }

&

a {
    font-weight: bold;
    &:hover { color: red; }
}

#main {
    color: black;
    &-sidebar { border: 1px solid; }
}

编译为

a {
    font-weight: bold;
    a:hover { color: red; }
}

#main {
    color: black;
    #main-sidebar { border: 1px solid; }
}
posted @   躺尸的大笨鸟  阅读(232)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示