0

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 sidebarlayout-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 ソース コードのようになるのはなぜでしょうか。これは私のような初心者にとっては混乱を招きます。誰かがこの命名規則の背後にあるロジックを説明できれば、それは素晴らしいことです.

4

2 に答える 2

2

これらは、同じ要素に適用される複数のクラスです。複数のクラスをスペースで区切ります。したがって、技術的には、そこに適用される4つのクラスがあります。

于 2010-11-18T16:36:07.390 に答える
1

スペースで区切って、要素にいくつかのクラスを与えることができます。要素には、region、region-sidebar-first、column、sidebarの合計4つのクラスがあります。

于 2010-11-18T16:36:19.877 に答える