【发布时间】:2021-06-02 21:09:00
【问题描述】:
我正在使用 TailwindCSS 及其 Typography 插件。特别是,我正在使用prose 类并尝试对其进行扩展。
容器具有prose sm:prose-lg,以便在sm 断点之后应用prose-lg。我扩展了prose 类,以便应用默认颜色并将第二种颜色应用于具有特定类的子项(选择器为"> .lighter-color")。
在sm 断点下方,颜色为#00a 和#00f,正如预期的那样。
在sm 断点之后,颜色应分别更改为#0a0 和#0f0。第一种颜色确实变为#0a0,但第二种颜色没有改变。
由于某种原因,"> .lighter-color" 选择器包含在 prose 中,但不包含在 sm:prose-lg 中。我认为它适用于prose-lg,所以我怀疑这可能是响应式变体的问题。
【问题讨论】:
标签: tailwind-css