以前我們有碰到過這個(gè)問題,最后是這么解決的,重新寫樣式,并且把權(quán)重提高,來蓋過reset的樣式,比如
#fckeditor p{
text-indent:2em !important;
}
樣式覆蓋啊。
1、單獨(dú)寫一個(gè)css文件專門用來覆蓋vant,放在vant樣式后面引入。
2、增加獨(dú)有類名,在Popup的class上多加一個(gè)樣式名。
3、css路徑上多加幾層。比如.a .b .Popup {} 4、用!important增加權(quán)重。比如{height:100px !important;
} 5、使用css屬性deep。
比如.a /deep/ .b {} 或者.a >>> .b {},據(jù)說后者兼容性好一點(diǎn)
css樣式遵循三種原則:就近原則、繼承原則、覆蓋原則。
就近原則
優(yōu)先級(jí)關(guān)系,從高到低:行內(nèi)樣式 > 內(nèi)部樣式 > 外部樣式。
繼承原則:
繼承中多數(shù)邊框類的屬性不能被繼承,比如padding、margin、背景等都不會(huì)被繼承;表格也不能繼承父類的樣式。
覆蓋原則:
由于繼承而發(fā)生的樣式?jīng)_突,由最近的祖先元素取值;
繼承的樣式和直接指定的樣式發(fā)生沖突時(shí),直接指定的樣式獲取值;
直接指定的樣式發(fā)生沖突時(shí),樣式權(quán)重高的元素獲取值;
css選擇器標(biāo)簽可以嵌套,比如可以在類選擇器里面選擇id的元素,這樣就是選擇器的嵌套。