Jupyter Notebook 中用于编辑代码和 Markdown 单元格的不同字体设置

joe*_*lom 5 css ipython-notebook jupyter jupyter-notebook

在 Jupyter notebook 中,我想在编辑Markdown 单元格时使用常规的 Ubuntu 字体,而在编辑代码单元格时使用UbuntuMono。我可以通过如下编辑同时更改这两种单元格类型的字体.jupyter/custom/custom.css

.CodeMirror pre {
    font-family: "Ubuntu Mono", monospace;
    font-size: 14pt;
}
Run Code Online (Sandbox Code Playgroud)

我还可以更改 Markdown 代码单元格中标题的格式:

.cm-header {
    font-size: 110%;
    font-family: "Ubuntu";
}
Run Code Online (Sandbox Code Playgroud)

以及呈现时文本的外观(在执行降价单元后):

div.text_cell_render {
    font-family: "Ubuntu";
    font-size: 12pt;
}
Run Code Online (Sandbox Code Playgroud)

但是,我不明白我可以使用哪些 css 类来区分编辑模式下 Markdown 单元格中的代码单元格和段落/正文文本。我在 Firefox 中尝试了对象检查器,但两种单元格类型的输入文本显示为相同的跨度标签和 css 类。我已经尝试了这里列出的许多组合,但似乎我找不到合适的组合,有什么想法吗?

joe*_*lom 4

我收到了来自 Jupyter Notebook 问题的回复,该问题链接在我的问题评论中。可以结合CSS选择器,所以以下解决了我的问题:

.text_cell .CodeMirror pre {
    font-family: "Ubuntu";
    font-size: 12pt;
}
Run Code Online (Sandbox Code Playgroud)