You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Astro布局中如何为插槽子元素设置样式?

Astro博客插槽内h2元素样式不生效问题

我正在搭建公司的博客文章页面,在为Markdown博客文章生成的插槽内容设置样式时遇到了问题。具体来说,我希望为博客主体插槽内的所有h2子元素添加顶部内边距。

已尝试的方法

  • 直接在BlogPost布局的<style>标签中设置h2 { padding-top: 50px },本以为符合Astro的作用域样式规则,但对元素/页面无效果。
  • 尝试使用.prose h2 { padding-top: 50px },仍然无效。
  • 尝试使用::slotted(h2) { padding-top: 50px },依旧没有效果。
  • 在单独的<style>标签中使用:is-global、is-global()和:is-inline指令仅针对目标元素,还是没用。

参考截图

  • 博客文章Astro布局
  • 博客文章Markdown文件
  • 博客文章在线页面

我忽略了什么?

提前感谢您的帮助,
David


内容的提问来源于stack exchange,提问作者buildpax

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 18:04:53