SERVICE こんな事ができます

CNTACT ご相談はお気軽に

 ABOUT US こんな会社です



2010/03/01 by マッチー

意外に知らなかったclassの複数指定

HTMLでタグにcssを適用したい場合は、class属性をつけますよね。まあ、直接スタイルを書いても良いんですけど。

実は今まで、僕はclass属性には複数を適用することはできないと思ってました。だから似通ったスタイルなんかでも、いちいち個別に書いてそれぞれclassを適用してたんすよ。

たとえば↑みたいな感じでね。

でも、一つのclass属性に複数指定することって、できたんですね。知りませんでした。何でも半角スペースで区切って記述すれば、複数指定ができるらしい。

うん、まあね、確かに思い返してみれば、デザイナーからもらったモックの中に、ときどきclass属性のところにスペースが入ってるのを見たことはありました。でもそのときは、それで一つのクラス名なんだと思ってました。俺ならこういうときはアンダーバーとか使うのになぁ……そもそもスペースとか使って大丈夫なんだっけ? みたいなことを思ってました。

でも実際は、複数指定をしてたんですね、あれは。とんだ勘違い野郎でした、自分。

というわけで、上のcssはこんな風↓に書き換えることも可能。

CSSの方はあまり勉強してないっすからねぇ……まだまだ知らないことがたくさんありそうです。