vue3 Css !important 与deep 修改面包屑的文字颜色

Breadcrumb 面包屑 | Element Plus

没有直接提供换色

那么需要通过自己css

.bread /deep/ span {
  color: #fff !important;
}

!import 

规则会覆盖 color 属性。

deep 是往下所有的span 均会被设置成白色

会提示过期 但是没有关系

[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.
改为

.bread :deep(span) {
  color: #fff;
}

效果