Question

是否可以定位以data-attributes开头的元素中的所有data-am？问题是.container可以包含不同类型的data-attributes。这样的事情如下。

注意，我正在尝试定位数据元素本身，而不是包含值的数据元素。

<div class="container">
  <div data-am-content>...</div>
</div>

.container {
    [data-am-*] {
         ...
    }
}

我知道使用值进行定位

<div class="container">
   <div data-am-content="value">...</div>
</div>

.container {
   [data-am-content~="value"] {
      ...
   }
}

Answer 1

为div元素创建更多类并引用它们

<div class="container am-foo am-bar"></div>

你可以在css中将它们称为

.container
.am-foo
.am-bar

不必在容器上只添加类到元素

Answer 2

很抱歉，但无法选择部分数据属性，但您可以单独为每个可能的数据属性设置样式，例如

[data-rm-content] {
    /* Some Styles */
}
[data-rm-type] {
    /* Some Styles */
}