如何定义 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;}
这应该可以正常工作。
我想知道我是否能够定义自定义 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;}
这应该可以正常工作。