スタイルシートを書くとき、こういうページにだけ適用したいということがある。HTML 中にインラインで書くのは論外として、HTML の body 要素にそのページの役割を示す id なり class なりが割り振られていれば便利そうだな〜と思って他の有名どころのサイトのソースを見たら body 要素にきちんと書かれていることが多かった。
というわけで、ログイン状態でそれぞれのサービスのトップページ（ダッシュボード的な役割のページ）を見たときに body 要素に出力されていた id 属性と class 属性をまとめました。
GitHub
| id | なし |
|---|
| class | logged_in env-production macintosh page-dashboard |
|---|
Twitter
| id | なし |
|---|
| class | t1 logged-in user-style-shikakun rosetta enhanced-mini-profile |
|---|
Facebook
| id | なし |
|---|
| class | hasLeftCol home composerExpanded fbx gecko mac Locale_ja_JP |
|---|
Google+
Tumblr
| id | dashboard_index |
|---|
| class | dashboard_index logged_in with_auto_paginate is_dashboard layout_standard |
|---|
クックパッド
| id | なし |
|---|
| class | pc top_controller top_action |
|---|
はてなブックマーク
| id | なし |
|---|
| class | global-index media-page |
|---|
はてなブログ
page-index とかだけでも良いけど、クックパッドとか見るに controller 名と action 名を出力するようにしてるとだいたいカバーできそうだなあ。
あとはログイン状態とか、ブラウザ名とか、UA とか、言語とか、本番環境か開発環境か、とかあると便利かな？