在vue開發過程中，可能會遇到修改element ui組件樣式的時候，無效的問題，在網頁檢查頁面元素的時候發現自己寫的樣式不生效，原因是因為<style scoped></style>中scoped的問題導致，所以我們需要用到樣式穿透：
1、stylus的樣式穿透 使用：（>>>）
外層類 >>> 想要修改的類名 {
要修改的樣式
}
例：.wrapper >>> .el-card__header {
border-bottom: none
}
2、sass和less的樣式穿透 使用：（/deep/）不生效可使用::v-deep
外層類 /deep/ 想要修改的類名 {
要修改的樣式
}
例：.wrapper /deep/ .el-card__header {
border-bottom: none
}
3、通用樣式穿透 使用：（::v-deep）（推薦使用此種方式）
::v-deep 想要修改的類名 {
要修改的樣式
}
例：::v-deep .el-card__header {
border-bottom: none
}