[前端] deep深度选择器使用介绍(笔记)

发布时间：2025-06-24 16:50:50  作者：北方职教升学中心  阅读量：742

参考文献。

深度选择器。

deep使用说明的深度选择器。

在 Vue 中，为了实现组件内部样式对组件外部元素的穿透覆盖，可以使用 CSS 的 deep 选择器（也称为 >>> 或 /deep/）或 v-deep 指令。但是，这两种方法是 Vue 3 已被废弃，推荐使用 ::v-deep 伪类选择器。

示例。

<template。><div。 class。="my-component"><!。--。..。--。></。div。></。template。><style scoped lang。="less">.。my。-。component。 {。}。