应用于所有figcaption标签

Question

与img / h / p和其他一些标签不同，我注意到我无法在单个块中为所有figcaption创建CSS。
目前，我为每个figcaption定义了一个块，但恐怕错过了一些潜在的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>