eyemovic inc.

Culture blog会社の活動・働き方

2011.05.10

シンプルなcssもいいね。

cssでID、クラス、子孫セレクタを使う場合は、シンプルに書くようにしています。

たとえば、
div.example table tr th { }
の場合は、
.example th { }
で。

div#example1 ul.example2 li div p.example3 { }
の場合は、
#example1 .example2 .example3 { }
としています。

こうすることで、
cssの書き換えとhtmlタグの移動・変更・追加・削除がしやすくなります。
(cssを書き換えることなく、htmlを書き換えることも可能。)

構造を覚えるまでは、他のcssと かぶらないように
子孫セレクタを細かく書くほうがわかりやすいかもしれませんが、
慣れてきた場合は、わかりきった部分を省略することによって
多角的に手間が削減されるので、おすすめいたします。

愛媛県松山市でWeb開発一筋15年、700サイト以上の構築実績!

Webサイト制作・システム開発・スマホアプリ開発・組込ソフトウェア開発ならアイムービックにお任せ下さい。