如何像类属性一样定义具有多个值的 HTML 自定义属性？

我想知道我是否能够定义一个自定义 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;}

这应该可以正常工作。