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

Question

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

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

现在，如果我写的话，我可以做一个技巧吗：

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

<p> 标签的两个命令（字体粗细和颜色）都发生了？

Answer 1

当你使用 css "~="

是可能的

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

这应该可以正常工作。