国内外知名提供邮箱服务的网站,怎么创建,网站设置成黑白,网站主要的设计内容主题当 style 标签有 scoped 属性时#xff0c;它的 CSS 只作用于当前组件中的元素#xff0c;父组件的样式将不会渗透到子组件。 如果你希望 scoped 样式中的一个选择器能够作用得“更深”#xff0c;例如影响子组件#xff0c;你可以使用深度选择器。 ::v-deep { } 举…当 style 标签有 scoped 属性时它的 CSS 只作用于当前组件中的元素父组件的样式将不会渗透到子组件。 如果你希望 scoped 样式中的一个选择器能够作用得“更深”例如影响子组件你可以使用深度选择器。 ::v-deep { } 举个例子
这是父组件 view classsearch-barfui-search-bar placeholder请输入鉴定扣码搜索 /fui-search-bar/view
fui-search-bar 是子组件内容如下
view classfui-search__bar-iconview classfui-sbi__circle/viewview classfui-sbi__line/view
/view
text classfui-search__bar-text{{ placeholder }}/text
例如 我想修改子组件的fui-search__bar-text元素 将字体颜色改为白色
就可以在父组件中使用 ::v-deep { } 配合!important
style langscss scoped
// 第一种写法
::v-deep {.fui-search__bar-text{color: #fff !important;}
}
// 第二种写法
:deep(.fui-search__bar-text){color: red !important;
}/style
