Vue和Angular如何实现深度作用选择器的解析？

本文共计1634个文字，预计阅读时间需要7分钟。

在Vue开发中，我们经常使用外部组件库，如element，当使用其中组件时，希望有定制化的定位，通常做法是使用CSS覆盖；有时层级不够，就需要调整。

在 Vue 的开发中，我们经常会用到外部组件库，例如 element，当使用 element 组件库中的某一个组件的时，我们可能会希望有一些定制的地方，通常的做法是 用CSS覆盖；有时层级不够就要另辟他径。

less使用/deep/

css使用>>>

Angular适用深度选择器

使用组件样式

对你编写的每个 Angular 组件来说，除了定义 HTML 模板之外，还要定义用于模板的 CSS 样式、 指定任意的选择器、规则和媒体查询。

实现方式之一，是在组件的元数据中设置 styles 属性。 styles 属性可以接受一个包含 CSS 代码的字符串数组。