如何定义 HTML 自定义属性采用多个值,就像 class 属性一样?

how to define HTML custom attribute taking multiple values just like class attribute?

我想知道我是否能够定义自定义 HTML 属性,它可以像“CLASS”属性一样采用 2 个或更多值。 例如,考虑到我定义了一个“数据文本”并在 css 中我写:

[data-text=light]{color:white;}
[data-text=bold]{font-weight:bolder;}

现在,我可以写一个小技巧吗:

<p data-text = "light bold"> something </p>

两个命令(字体粗细和颜色)都发生在 <p> 标签上?

当您使用 css "~="

时是可能的
[data-text~=light]{color:white;} [data-text~=bold]{font-weight:bolder;}

这应该可以正常工作。