我怎样才能风格注入元素在天文布局使用纯css与顺风。
最小重现性示例：
/源代码/布局/PostLayout.astro
<div class="prose text-white">
<slot/>
</div>/页/部分页.mdx
---
layout: ../layouts/PostLayout.astro
---
# Header 1
Some text我如何定位注入到插槽中的减价元素？
我可以使用样式块轻松地定位布局中的任何已定义元素，如下所示：
<style>
div {
border: 1px solid black;
}
</style>但是，将忽略应用于窗中图元的任何样式。
1条答案
按热度按时间bvn4nwqk1#
默认情况下，
<style>元素具有作用域，要退出作用域，可以使用is:global指令由于markdown HTML是通过编程方式生成的，因此使用tailwind类来设置markdown样式的唯一方法是
1.使用此配置选项删除缺省的tailwind基准，然后添加您自己的基准，其中包括
@layer和@apply指令或
1.类似rehype-add-classes的markdown插件，允许您通过选择器向markdown HTML中的元素添加类
尽管这些方法可以工作，但它们可能会有问题，只有在您确实想使用tailwind类时才应该使用。通常建议使用全局样式表或tailwind的typography plugin