为编辑器预览添加CSS

[FroggyC]

继续关于“无数字标记的有序列表”的讨论：

为上下文引用其他帖子中的内容。

@Falco

添加一个包装器到这些列表和一些 CSS

在帖子中使用：

[wrap="letterlist"]
1. is the first
2. is the second.
3. is the third
[/wrap]

在你的主题中添加：

.cooked div[data-wrap="letterlist"]
  list-style: upper-alpha;
}

@FroggyC

我尝试使用此解决方案，它有效，将 CSS 修正为以下内容（第一行缺少 ol {）：

.cooked div[data-wrap="letterlist"] ol {
  list-style: upper-alpha;
}

但是，我无法在编辑器预览窗口中显示它，这对我的大多数用户来说将是一个问题。我尝试使用网络浏览器进行检查，似乎自定义 CSS 未加载或未应用于预览（我不是这方面的专业人士，所以可能错了）。

你有没有办法解决这个问题，@Falco？

---

我在这篇帖子中问的是：有没有办法添加也应用于编辑器预览的自定义 CSS？

[FroggyC]

我已自行解决。解决方案是使用 .d-editor-preview CSS 类作为选择器。

.cooked, .d-editor-preview {
  div[data-wrap="letterlist"] {
    ul, ol {
      list-style-type: upper-alpha;
    }
  }
}

[Falco]

就是这样。之前的特定于帖子，因为它显示在流中，您将其扩展到也适用于预览区域，所以这确实是正确的解决方案。

[FroggyC]

谢谢你，Falco。

[FroggyC]

@Falco，如果我想以不同的方式为列表的更深层嵌套层设置样式，那是否需要额外的 ol 嵌套层？