[每天进步一点点~] vue笔记(一)css样式中深度作用选择器scoped

style标签中添加一个scoped属性,可以使css样式只作用于加了scoped属性的vue组件。例如 A.vue 中的

2. 深度作用选择器

如果我们希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,可以使用深度作用操作符>>> 。
以elementUI组件中el-button为例,现在我们想从新定义el-button中按钮样式,把样式按钮变成了红色




有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。

你可能感兴趣的:([每天进步一点点~] vue笔记(一)css样式中深度作用选择器scoped)