mytheme という Zen サブテーマを作成し、その内容を にコピーし/sites/all/themes/zen/STARTERKIT/css
、ナビゲーションブロックを最初のサイドバー領域に/sites/all/themes/mytheme/css/
割り当てました。
ナビゲーション メニューのスタイルを制御する CSS ファイルを知りたいので、Web ブラウザー (Google Chrome 7.0.517.44) にサイトを読み込みました。
Navigation ブロックは、 の div に含まれていclass="region region-sidebar-first column sidebar"
ます。Firebug を使用してこのコードを強調表示すると、クラスが で定義されていることがわかりますhttp://www.mysite.dev/sites/all/themes/mytheme/css/layout-fixed.css
。
region region-sidebar-first column sidebar
layout-fixed.css で呼び出される CSS クラスはありませんが、.region-sidebar-first
「region region-sidebar-first column sidebar」に関連していると思われる というクラスがあります。
CSS クラス名で有効な文字は? SO トピックには、「名前はアンダースコア (_)、ダッシュ (-)、または文字 (a–z) で始まり、すぐに 1 文字またはアンダースコアが続き、その後に任意の数のダッシュ、アンダースコア、文字、または数字」、これは理にかなっています。
しかし、.region-sidebar-first
最終的'class="region region-sidebar-first column sidebar"'
に HTML ソース コードのようになるのはなぜでしょうか。これは私のような初心者にとっては混乱を招きます。誰かがこの命名規則の背後にあるロジックを説明できれば、それは素晴らしいことです.