如果条件使用 CSS

Posted

技术标签:

【中文标题】如果条件使用 CSS【英文标题】:If condition using CSS 【发布时间】:2022-01-21 19:00:48 【问题描述】:

是否可以使用 CSS 验证 typescript 变量是否为真? 我正在尝试验证我是否在特定页面中,然后修改页面的高度。 谢谢!

【问题讨论】:

为什么不直接从 TypeScript 修改页面高度呢? CSS 变量在 SASS 等预处理器中可用,但对于您要实现的目标来说是不必要的。 这是一个很好的观点。但是例如当我在第二个组件中时,我想更改第三个组件的高度,但我不知道该怎么做。 感谢您的提示。它现在正在工作。 【参考方案1】:

你可以使用 [ngStyle]="expression: value"

【讨论】:

以上是关于如果条件使用 CSS的主要内容,如果未能解决你的问题,请参考以下文章

CSS中 特性查询(@supports)详解及使用

如何在带有 javascript 条件的媒体查询中使用 css?

如果条件不匹配,则重写规则

如果可以免费送货,如何加载特定的 CSS?

如何有条件地加载 CSS

浏览器重新评估和重新应用 CSS 选择器和样式的条件是啥?