TailwindCSS Typography 响应变体不包括扩展类选择器

时间:2021-03-04 08:35:31

标签: tailwind-css

我正在使用 TailwindCSS 及其排版插件。特别是,我正在使用 prose 类并尝试扩展它。

完整代码在这里:https://codesandbox.io/s/heuristic-mayer-zxw2b?file=/tailwind.config.js&resolutionWidth=700&resolutionHeight=675

容器具有 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,所以我怀疑这可能是响应变体的问题。

1 个答案:

答案 0 :(得分:1)

事实证明这是 TailwindCSS 的问题,如here 所述。