我正在使用 TailwindCSS 及其排版插件。特别是,我正在使用 prose
类并尝试扩展它。
容器具有 prose sm:prose-lg
,因此 prose-lg
应用在 sm
断点之后。我扩展了 prose
类,以便应用默认颜色,并为具有特定类的子项应用第二种颜色(选择器是 "> .lighter-color"
)。
在 sm
断点下方,颜色为 #00a
和 #00f
,正如预期的那样。
在 sm
断点之后,颜色应分别更改为 #0a0
和 #0f0
。第一种颜色会更改为 #0a0
,但第二种颜色不会更改。
出于某种原因,"> .lighter-color"
选择器包含在 prose
中,但未包含在 sm:prose-lg
中。我认为它适用于 prose-lg
,所以我怀疑这可能是响应变体的问题。