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

鍍金池/ 問答/HTML/ vue.js打包發(fā)布，如何避免import導(dǎo)入樣式文件沖突？

vue.js打包發(fā)布，如何避免import導(dǎo)入樣式文件沖突？

項目有兩個業(yè)務(wù)頁面，樣式幾乎完全相同，于是我把這部分樣式提取出去了，通過import的方式導(dǎo)入，如下：

<style scoped>
  /* @import url('../../styles/detail.css'); */
</style scoped>

但是發(fā)布后（后來在本地測試也是如此），發(fā)現(xiàn)有一些樣式被沖突掉了，也有一部分樣式導(dǎo)致其他頁面的樣式和預(yù)期效果有差別，改如何別面這種情況呢？

補充圖片說明：
圖片描述

回答
編輯回答
神曲

</style scoped> 這個不需要scoped ···

你加了<style scoped> 樣式只在本組件起作用
沖突 肯定是哪里寫錯了 要么不起作用 要么樣式?jīng)]提取對

2017年10月7日 10:21
編輯回答
別硬撐

scoped會加入[hash]屬性，建議去掉scoped改成這樣

<style>
  /* @import url('../../styles/detail.css'); */
</style>

我來仔細說一下樣式問題，style內(nèi)的內(nèi)容同樣適應(yīng)css的覆蓋原則

<style></style>
<style scoped></style>

后面的style的樣式是會覆蓋前面相同的的樣式的。

而且在css選擇器中，.class[attri]的優(yōu)先級大于.class的優(yōu)先級，樓主先改起來嘗試一下就懂了。

2018年1月13日 11:08