应用于所有figcaption标签

Question

与img/h/p和其他一些标签不同，我注意到我无法在一个块中为所有figcaption创建css
目前我为每个figcaption定义了一个块，但恐怕我错过了一些潜在的figcaption：

.wp-block-embed figcaption {
color: #ffffff;
}
.wp-block-image figcaption {
color: #ffffff;
}

Answer 1

您应该能够使用以属性选择器^:开头的CSS

[class^='wp-block-'] figcaption 

[class^='wp-block-'] figcaption {
color: red;
}

<div class="wp-block-embed">
<figure><img src="">
<figcaption>caption</figcaption>
</figure>
</div>
<div class="wp-block-image">
<figure><img src="">
<figcaption>caption</figcaption>
</figure>
</div>
<div class="foo">
<figure><img src="">
<figcaption>caption</figcaption>
</figure>
</div>
<div>
<figure><img src="">
<figcaption>caption</figcaption>
</figure>
</div>