【CSS】classの書き方、スペースつなぎで省略?
商品詳細ページ(product_info)の上部ナビゲーションのテンプレートファイル
includes/templates/template_default/templates/
tpl_products_next_previous.php
の中で、今まで見たことのないCSSのクラスの書き方を知った。
最初はちょっと変では?と思ったのだが
—
<div class=”navNextPrevWrapper centeredContent”>
—
classの中にスペースでつないで2つのクラスを摘要できるようだ。
これを1つのクラスと勘違いしてスタイルシートに書くと
.navNextPrevWrapper centeredContent {
○○○
}
となり、「navNextPrevWrapper」というクラスの中の「centeredContent」というエレメントを定義することになってしまう。
「navNextPrevWrapper」「centeredContent」それぞれクラスとして定義してやると、上記の記述でちゃんと反映されるではないか。
勉強せねば。。
コメントはまだありません »
RSS feed for comments on this post. TrackBack URL