在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue.js項(xiàng)目中css樣式應(yīng)用不上

vue.js項(xiàng)目中css樣式應(yīng)用不上

這是代碼：
圖片描述

加載之后是這樣的：
圖片描述
發(fā)現(xiàn)了嗎，樣式完全沒(méi)生效

但是如果去掉scoped,圖片立馬就乖乖的變成300px了

如果去掉這個(gè)的話我這個(gè)頁(yè)面的樣式就會(huì)應(yīng)用到別的頁(yè)面去

這可如何是好
圖片描述

回答
編輯回答
若相惜

從代碼沒(méi)看出什么問(wèn)題，有一種可能是這個(gè)圖片是用 v-html 動(dòng)態(tài)生成的吧？如果是那樣的話的確會(huì)有這個(gè)問(wèn)題的，官方文檔里有提到，用深度作用選擇器就可以解決

2017年11月4日 15:37
編輯回答
薄荷糖

你在img 標(biāo)簽外邊的p 上邊加一個(gè)class; img-con

.img-con img{
    width:300px
}
2018年2月18日 07:13
編輯回答
墨小白

深度作用符號(hào)試一下。

<style scoped>
.a >>> .b { /* ... */ }
</style>

你應(yīng)該是用v-html將content插入到頁(yè)面對(duì)吧？

2017年8月20日 10:02
編輯回答
默念
  • 公共樣式提煉到main.less里面，單獨(dú)頁(yè)面的樣式文件@import引入main.less.

如果不想提到main.less里面，單獨(dú)頁(yè)面的樣式單獨(dú)提出去就好了

2017年9月30日 03:37