是否可以设置特定的html5音频元素的样式？

Question

FábioZangirolami explained如何自定义音频元素样式。

但是，我的要求是将自定义样式应用于一组特定的音频元素，而不是所有元素。

我已经尝试过这种方式：

audio::-webkit-media-controls-panel.my-class {
  background-color:pink;
}

<audio controls class="my-class"></audio>

那行不通。

编辑：

我找到的最接近的工作解决方案是：

.container audio::-webkit-media-controls-panel {
  background-color:pink;
}

<div class="container">
  <audio controls class="my-class"></audio>
</div>

Answer 1

只需使用ID：

#MyaudioElement{

}

<audio id="MyaudioElement">