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
相关产品推荐
相关产品推荐

