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