vue css深度选择器

作者: 回不去的那些时光 | 来源:发表于2020-01-18 16:04 被阅读0次

使用scoped后，父组件的样式将不会渗透到子组件
如果想在使用了scoped不污染全局样式的情况下，依然可以修改子组件的样式，可以使用深度选择器

在我们想穿透的选择器前边添加

>>> 或者 /deep/ 或者 ::v-deep

.nav-theme-dark >>> .logo {
    color: #fff;
    background-color: rgba(1,1,1,0.5);
}

.nav-theme-dark {
  /deep/ .logo {
    color: #fff;
    background-color: rgba(1,1,1,0.5);
  }
}

在scss中不能使用这种方式

<style scoped>
.a >>> .b { /* ... */ }
</style>

vue 给富文本标签添加样式
给vue项目中v-html的内容添加样式 1.使用css 深度选择器 .content >>> img { max...
vue css深度选择器
使用scoped后，父组件的样式将不会渗透到子组件如果想在使用了scoped不污染全局样式的情况下，依然可以修改子...
Vue 的深度 CSS 选择器
我们知道，当标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会渗透到子...
sass、scss、stylus 在 vue 中修改 eleme
参考地址 vue 官网文档：深度作用选择器[https://vue-loader.vuejs.org/zh/gui...
CSS选择器
CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...
Vue高版本中一些新特性的使用详解
一、深度作用选择器（ >>> ）严格来说，这个应该是vue-loader的功能。”vue-loader”: “^...
CSS选择器
目录： CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...
css选择器
css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器
CSS 选择器
CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器通配符选择器 * 元素选择器使用标签的名称...
Sublime 学习web的css
html + css + js css引用 css外部样式 css优先级 css的选择器标签选择器类选择器 i...