<div data-widget-type="MyWidgetType1" data-property1="20" data-property2="test">
...
</div>

.MyClass1 {
 data-widget-type:"MyWidgetType1";
 data-property1:"20";
 data-property2:"test";
}

<div class="MyClass1">
...
</div>

解决方法@H_404_12@

CSS不是HTML.您无法使用CSS设置或更改HTML属性的值.

此外,你为什么要这样做？由于关注点分离,存在HTML和CSS. HTML用于内容,CSS用于演示.在CSS中指定数据属性与在HTML中指定表示属性没有什么不同.

如果您正在尝试将元数据分配给类名,然后该类名应用于具有该类名的所有元素,那么(再次)完全超出CSS的范围,并且在HTML中根本不可能.将元数据分配给元素的唯一方法是将其指定为该元素的属性. (如果您不想在标记中指定该类的每个实例上的属性,则可以将属性声明移动到脚本,但是在一天结束时,脚本仍然必须使用这些值填充每个元素的数据集.但是,根据您的需要,这可能就足够了.)