今天封裝了一個(gè)confirm公共組件司恳,要改變子組件的樣式的時(shí)候柿赊,卻發(fā)現(xiàn)寫內(nèi)聯(lián)以及俩功!important都無法生效,查了一下文檔碰声,才發(fā)現(xiàn)父組件不可以改變子組件的樣式诡蜓。
解決方式:可以在父組件的style里 用
父組件的類名 /deep/ 子組件對(duì)應(yīng)的類名 { /* 寫你的樣式 */}
.confirmStyle /deep/ .kz-text {
padding: 10px 45px !important;
}
問題解決。