我们可以在CSS中指定自定义数据属性值吗？

Question

在元素上我可以将数据属性指定为例如

<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>

有没有办法在CSS中指定数据属性值？

Answer 1

有一种方法可以获取属性的价值，但并非所有浏览器都支持它：

https://developer.mozilla.org/en-US/docs/Web/CSS/attr

我不知道这是否是您正在寻找的

Answer 2

不，即使是默认属性也没有这样的功能（比如你不能通过CSS设置名称属性）。但您可以选择以下自定义属性：

.MyClass1[data-widget-type="MyWidgetType1"]