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

Question

我正在使用TailwindCSS和它的排版插件。特别是，我正在使用prose类并尝试扩展它。

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

容器具有prose sm:prose-lg，因此在sm断点之后应用prose-lg。我扩展了prose类，以便应用默认颜色，并将第二种颜色应用于具有特定类(选择器为"> .lighter-color")的子类。

在sm断点下面，颜色是#00a和#00f，不出所料。在sm断点之后，颜色应该分别更改为#0a0和#0f0。第一种颜色会更改为#0a0，但第二种颜色不会更改。

由于某些原因，prose中包含"> .lighter-color"选择器，但sm:prose-lg中不包含。我认为它适用于prose-lg，所以我怀疑这可能是响应式变体的问题。

Answer 1

正如here所描述的，这是TailwindCSS的一个问题。