google-chrome - Chrome DevTools CSS セレクターの包括的なリスト

Question

現在、chrome-devtools IRC チャンネルに接続する際に問題が発生しています。それ以外の場合は、最初にこの質問をします。

Chrome DevTools のテーマに使用される利用可能な css セレクターの包括的なリストがどこにあるか知っている人はいますか?

ありがとう。

Answer 1

devtools インスペクタを調べると、ソース パネルに読み込まれたすべての css ファイルを確認できます。リンクをコピーして、ブラウザで表示できます (例: chrome-devtools://devtools/bundled/inspector.css)。

ただし、これを行うのはかなり骨の折れる作業です。多くの人がすでにテーマを作成し、最も人気のあるセレクターを分離しています。事前に作成されたテーマについては、http://www.devthemez.comをご覧ください。

テーマの構築に取り組みたい場合は、https://github.com/mauricecruz/zero-base-themesをご覧ください。