在使用vue的開發中，我們有時會提到外部組件，包括UI組件（ElementUI、iview）。
當《style & gt當壹個標簽有壹個作用域屬性時，它的CSS只作用於當前組件中的元素。
但是，在將scoped添加到父組件後，父組件的樣式不會滲透到子組件中，因此在父組件中寫入子組件的樣式是無效的。
首先，移除作用域
在父組件的
因為我們知道全局樣式手勢的正確用法是使用壹個全局app.css。
第二，混合本地和全球風格
您可以在組件中同時使用作用域和作用域樣式:
& ltstyle & gt
/*全局樣式*/
& lt/style & gt；
& lt樣式範圍& gt
/*本地風格*/
& lt/style & gt；我們在上面的全局樣式中編寫需要修改的子組件的樣式。
第三，使用深度選擇器
如果希望作用域樣式中的選擇器工作得“更深入”，比如影響子組件，可以使用》；& gt& gt操作員:
& lt樣式範圍& gt
。a & gt& gt& gt。b {
/* ...*/
}
& lt/style & gt；壹些預處理程序如SASS不能正確解析》:& gt& gt。在這種情況下，您可以使用/deep/運算符來代替-這是壹個》；& gt& gt別名，也可以正常工作。
好了，主要內容就是以上幾點。
需要補充的是:
1，通過v-html創建的DOM內容不受範圍內樣式的影響，但您仍然可以通過深度選擇器為它們設置樣式。
2.CSS範圍不能替換類。
3.在遞歸組件中使用後代選擇器時要小心。
以上是我為大家整理的，希望以後對大家有幫助。
相關文章:
JS中命令模式的概念和用法（詳細教程）
用selenium捕捉淘寶數據信息
如何使用百度地圖實現地圖網格