鍍金池/ 問答/HTML/ Vue中使用Element UI 的面包屑組件，如何修改其字體的樣式。

Vue中使用Element UI 的面包屑組件，如何修改其字體的樣式。

如圖所示：默認(rèn)后邊的是淺顏色的，前邊的是深色的。

clipboard.png
現(xiàn)在想改為第一個(gè)是淺色的，第二個(gè)是深色的。

clipboard.png

目前代碼部分這么寫的：
<el-breadcrumb-item

v-for="(item,index) in breadList" :key="index"     
:class="index==0&&breadList.length>1?'el-bread-one':'el-bread-two'"
:to="{path:item.path}">{{item.name}}

</el-breadcrumb-item>
但是發(fā)現(xiàn)：樣式是加在外層的span標(biāo)簽上的。沒有效果。

clipboard.png

回答
編輯回答
解夏

/deep/ 或者 >>>

2018年4月4日 05:41
編輯回答
冷眸

對.el-breadcrumb__item:last-child .el-breadcrumb__inner
和.el-breadcrumb__item .el-breadcrumb__inner設(shè)置不同顏色color:red或color:blue等；
然后如果不生效，注意樣式權(quán)重即可；

2017年2月22日 06:09
編輯回答
冷眸

有可能是組件沒有渲染先給了樣式導(dǎo)致的，可以加個(gè)定時(shí)器看看

2017年5月16日 19:25
編輯回答
她愚我
.el-breadcrumb__inner {
  color: 你期望的顏色
}

覆蓋掉就好了

2017年12月9日 20:07