ipython（juypter）ノートブックのテーマを変更するためのCSS要素の検索

Question

ipythonのバージョンは5.1.0、jupyterのバージョンは4.2.1です。

私は、このガイド次のCSSを変更することで、色のテーマやフォントの種類やフォントのテキストを変更：http://sherifsoliman.com/2016/01/11/theming-ipython-jupyter-notebook/

私が撮ったの手順は、にした：

1. セットアップは、次のコマンドを使用して設定ディレクトリ：
2. jupyter notebook --generate-configは、私はここから私のconfigディレクトリ（〜/ .jupyter）
3. クローンgithubのレポにディレクトリを変更：https://github.com/cemoody/ipynb_base16_dark
4. その後、custom.jsファイルを削除して、このcssファイル（https://github.com/sheriferson/dotfiles/blob/master/jupyter/custom/custom.css）でcustom.cssファイルを置き換えました。
5. 私はその後、私は以下の手順に従って成功したよconfigディレクトリに呼ばれるカスタムのフォルダへ

をステップ3 & 4の内容をコピーしました。私はのcustom.cssファイル（https://github.com/sheriferson/dotfiles/blob/master/jupyter/custom/custom.css）には理解していないと、CM-S-ipythonコマンドです：彼らはから来て、私が許可されています何を行うことは許されないところ

.cm-s-ipython* 

私は理解していません。私は今日の過半数をこれらの答えに費やして過ごしました。私は参考にならないようです。私はサンプルコードしか見つけられないようです。

div/span要素がどこから来ているのかわかりません。 custom.cssに対応するHTMLファイルはどこにありますか？

（また、私は、Python 3.6のアナコンダの分布を使用していることは注目に値します。改造はアナコンダはのcustom.cssファイルを変更除くに行われていません。）

Answer 1

.cm-s-ipython*がCodeMirror要素を参照している私が思うだろう。これはコマンドではなくセレクタです。 .は、クラスcm-s-ipython*のすべての要素を選択していることを意味します。このCSSセレクタリファレンスシートは、常に便利です。https://www.w3schools.com/cssref/css_selectors.asp

custom.cssノートブックアプリケーションで見つかったCSSを上書きすることはできません。ノートブックのhtmlを調べて、必要なセレクタが見つかるようにするには、ほとんどのbroswerの右クリックメニューで使用できる「Inspect Element」オプションを使用するか、ページのソースコードを表示する（ブラウザの右キーを押しながらクリックメニュー）

ですから、編集、これらのHTML要素をターゲットとセレクタを作るとcustom.css

に入れたい要素（複数可）のHTMLを見つけます