qiankun的样式穿透
时间: 2023-08-31 13:12:39 浏览: 234
乾坤云网络验证官网源码
4星 · 用户满意度95%
在使用 qiankun 进行微前端开发时,有时我们需要在子应用中对父应用的样式进行修改。这时候就需要使用样式穿透(CSS 透传)来实现。
样式穿透是指在子应用中,通过一些特殊的选择器来直接修改父应用的样式。在 qiankun 中,我们可以使用 `:host` 选择器来实现样式穿透。
例如,如果我们想要修改父应用中的 `.header` 样式,可以在子应用的 CSS 中这样写:
```
:host .header {
background-color: red;
}
```
这样就能够将父应用中所有的 `.header` 背景色修改为红色。
需要注意的是,样式穿透只能修改父应用中被子应用选择器所匹配到的样式,无法修改其它样式。同时,样式穿透可能会导致样式层级混乱,因此需要慎重使用。
阅读全文