vue2語法示例
<style scoped lang="less">/deep/.el-carousel__button {width: 8px;height: 3px;border-radius: 3px;}/deep/.el-carousel__indicator.is-active button {width: 16px;}
}
</style>
在 Vue 3 中，/deep/ 或 >>> 選擇器已被廢棄，因為它們與 Shadow DOM 的概念相沖突。Vue 3 引入了 v-deep 或 ::v-deep 偽類作為非標準的解決方案來穿透 scoped 樣式，但這并不是長期推薦的實踐。通常，你應該考慮使用 CSS 模塊（CSS Modules）或組件級別的 CSS（如使用 style 標簽的 module 屬性）來管理樣式。
然而，如果你確實需要在 Vue 3 中穿透 scoped 限制來修改第三方組件的樣式，你可以使用 ::v-deep。但請注意，這可能會在未來的 Vue 版本中移除，所以最好盡量避免這種情況。以下是使用 ::v-deep 的示例：
<style scoped lang="less">
:deep(.el-carousel__button) {width: 8px;height: 3px;border-radius: 3px;}:deep(.el-carousel__indicator.is-active button) {width: 16px;}
</style>
)
