css样式穿透

作者：冥界少主发布日期:2025-05-08 浏览:105

/* 示例代码：使用 ::ng-deep 实现 CSS 样式穿透 */

/* 假设我们在 Angular 项目中使用 */
:host ::ng-deep .target-class {
    color: red;
}

/* 解释说明：
::ng-deep 是 Angular 中用于样式穿透的选择器，它可以确保样式不仅应用于当前组件，还可以穿透到子组件中。
在上面的例子中，.target-class 的样式会被应用到所有包含该类的元素，即使这些元素位于子组件中。
需要注意的是，::ng-deep 已经被标记为废弃，建议使用更现代的方式如封装样式或使用全局样式来替代。
*/

上一篇：css垂直水平居中

下一篇：css 文字加下划线