适用于所有figcaption标签-Java 学习之路

与img / h / p和其他一些标签不同，我注意到我不能在一个块中为所有的figcaptions创建一个css .
目前我根据figcaption定义了一个块，但我担心我错过了一些潜在的figcaption：

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

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

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>

回复于 2024-05-16T09:19:30+08:00

适用于所有figcaption标签

1 回答

相关问题