问题描述
我想知道我是否能够定义一个自定义 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;}
这应该可以正常工作。