鍍金池/ 問答/HTML/ vue.js項目中css樣式應用不上

vue.js項目中css樣式應用不上

這是代碼：
圖片描述

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

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

如果去掉這個的話我這個頁面的樣式就會應用到別的頁面去

這可如何是好
圖片描述

回答
編輯回答
若相惜

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

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

你在img 標簽外邊的p 上邊加一個class; img-con

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

深度作用符號試一下。

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

你應該是用v-html將content插入到頁面對吧？

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

如果不想提到main.less里面，單獨頁面的樣式單獨提出去就好了

2017年9月30日 03:37