在 Jupyter Notebook 中编辑代码和降价单元格的不同字体设置

Question

在 Jupyter notebook 中，我想在编辑 markdown 单元格和 UbuntuMono 代码单元格时使用常规 Ubuntu 字体。我可以通过像这样编辑 .jupyter/custom/custom.css 同时更改这两种单元格类型的字体：

.CodeMirror pre {
    font-family: "Ubuntu Mono", monospace;
    font-size: 14pt;
}

我还可以更改降价代码单元格中 headers 的格式：

.cm-header {
    font-size: 110%;
    font-family: "Ubuntu";
}

以及渲染时文本的外观（执行降价单元格后）：

div.text_cell_render {
    font-family: "Ubuntu";
    font-size: 12pt;
}

但是，我不明白我可以使用哪个 css 类来区分编辑模式下降价单元格中的代码单元格和 paragragh/body 文本。我在 Firefox 中尝试了 object 检查器，但是两种单元格类型的输入文本都显示了相同的跨度标签和 css 类。我已经尝试了很多 the combinations listed here，但似乎找不到合适的，有什么想法吗？

Answer 1

我收到了 Jupyter Notebook 问题的回复，链接在我的问题评论中。可以组合 CSS 选择器，所以下面解决了我的问题：

.text_cell .CodeMirror pre {
    font-family: "Ubuntu";
    font-size: 12pt;
}

在 Jupyter Notebook 中编辑代码和降价单元格的不同字体设置

Different font settings for editing code and markdown cells in the Jupyter Notebook

css

ipython-notebook

jupyter

jupyter-notebook