如何为特殊的 css 属性设置类型，如 variable 。打字稿答案

【问题标题】：How to set type for special css-property's like variable . Typescript如何为特殊的 css 属性设置类型，如 variable 。打字稿
【发布时间】：2022-01-19 13:36:54
【问题描述】：

我想已有答案，即使您只是粘贴现有线程的链接，我也会感谢您。但无论如何。

当我指定 style 属性时，React 中有很好的自动完成和验证。例如

我想要什么？

我想为我的变量实现相同的逻辑。比如下面的代码中

const position: ProperType = 'staticcc';

我想用一个真正合适的类型替换ProperType。之后

VScode 会在position 下划线并告诉我有错误（因为'staticcc' 是CSS 位置属性的无效值）
VScode 会建议自动补全，如上图所示。

我想应该有一个特殊的库或类似这样的预定义类型。我什至用谷歌搜索了csstype，它适用于我认为作为style 道具传递的对象。但我不需要反对，我需要一个特殊的 CSS 属性的特殊类型来分配给特殊变量。而且不知道怎么做。

【问题讨论】：

标签： css typescript

【解决方案1】：

安装csstype 和

import * as CSS from 'csstype';

const position: CSS.Property.Position = 'static'

【讨论】：