css - 适用于所有 figcaption 标签

Question

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

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

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

Answer 1

您应该能够使用 CSS begins with attribute selector , ^:

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