Jupyterノートブックでコードとマークダウンセルを編集するための異なるフォント設定

Question

Jupyterノートブックで、マークダウンセルとコードセル用のUbuntuMonoを編集するときは、通常のUbuntuフォントを使用したいと思います。私はそうのような.jupyter/custom/custom.cssを編集することで、同時にこれらの細胞型のフォントを変更することができます。

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

私も値下げコードセルのヘッダーの書式設定を変更することができます。

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

だけでなく、どのようにレンダリングされたとき、テキストは（値下げセルを実行した後）になります。

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

しかし、私は、コードのセル画を区別するために使用することができたCSSクラスを理解していませんlsとparagragh /本文のテキストを編集モードで表示します。 Firefoxでオブジェクトインスペクタを試しましたが、両方のセルタイプの入力テキストが同じspanタグとcssクラスで表示されます。私はthe combinations listed hereの多くを試しましたが、私はちょうど正しいアイデアを見つけることができないようですね。

Answer 1

私の質問のコメントにリンクされているJupyterノートブックの問題からの回答を受け取りました。 CSSセレクタを組み合わせることが可能であるので、以下は私の問題を解決：

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