vue中有個style有時候會加個
scoped屬性來防止在單頁面下樣式污染，但是這個也會出現(xiàn)一個問題，就是有時候我們引用mint-ui或者element-ui的時候會出現(xiàn)寫的樣式不起作用，其實我們可以簡單加個/deep/或>>>就可以解決這個問題
-
/deep/只能用在less或sass中使用
<style lang="less" scoped>
/deep/.el-form{
margin: 0 auto;
width: 80%;
height: 400px;
/deep/.el-form-item{
width: 80%;
}
}
</style>
-
>>>只能在css中使用，less,sass都不可用，如下
<style scoped>
>>>.image {
height: 60px;
width: 60px;
background-color: #9B31EA;
}
</style>
注:
1.兩種方式下如果書寫同個.class，規(guī)則和我們正常的css規(guī)則一樣，即同樣的樣式屬性以書寫在后面的優(yōu)先級大
scoped屬性必須添加，不然這兩個方法不起作用
個人建議： 應在每個vue單組件下都添加個唯一的class標識符，或者添加個全局的樣式表
