Evan Zou

Welcome to my blog.

Javascript follower.


Hi, I am Evan, nice to meet you all.

Angular8 如何更改子组件样式

关键词 Angular 8 style

前言

本文介绍了在Angular 11中,更改子组件样式失效时的一种解决办法。

发生场景

根据项目需求,需要更改一个子组件的样式,单纯的使用后代选择器无法实现。

解决办法

使用 ::ng-deep

具体代码如下

.text-class ::ng-deep .card{
  min-height: 100px;
}

后言

希望本文会对你有所帮助,如果有什么问题,可在下方留言沟通。

最近的文章

Angular11 MSAL B2C登录实例(一)

关键词 Angular 11 B2C MSAL前言因为项目需求,需要把Angular 11项目中登录方式改成B2C登录,所以在参考了一系列文档后,成功通过MSAL将项目的登录方式改成B2C登录。下面介绍了详细步骤及一些注意事项。步骤:1. 安装MSAL在项目中安装msalnpm i @azure/msal-angular --savenpm i @azure/msal-browser --save通过查阅MSAL的文档,发现v2以上版本才支持Angular11,所以在本项目的代码中使用的是...…

Angular2+继续阅读
更早的文章

两个div之间有空白或间隔的解决办法

关键词 HTML div前言在项目过程中,发现两个padding和margin都为0的div之间有空白,以下为解决办法。解决办法给父容器加上font-size: 0px 即可解决。…

HTML继续阅读