7月
02
2007

【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」それぞれクラスとして定義してやると、上記の記述でちゃんと反映されるではないか。

勉強せねば。。

Written by みやざわ in: ZenCart カスタマイズ |

コメントはまだありません »

RSS feed for comments on this post. TrackBack URL

コメントをどうぞ

Powered by WordPress | Aeros Theme | TheBuckmaker.com WordPress Themes