特に指定する値がない場合のcssについて

質問

現在作成しているホームページで、以下のようなソースを書きました

<div id="wrapper">
　<div class="box1 clearfix">
　　<div class="right1">floatで右寄せ</div>
　　<div class="left1">floatで左寄せ</div>
　</div>
　<div class="box2 clearfix">
　　<div class="right2">floatで右寄せ</div>
　　<div class="left2">floatで左寄せ</div>
　</div>
</div>

初めは特にdivを入れ子にする必要はないと思っていたのですが
clearfixの指定をかけるには必要だったので、<div class="box">で囲むことにしました。
ですが、box1やbox2に、特に指定する値がなくて悩んでいます。

特に指定することがない場合にはcssには何も書かなくてよいものなのでしょうか？
今は取り敢えず何か指定してないと落ち着かない気がして
width指定だけ書いているのですが、幅はwrapperで指定していますし特に必要ない気もします。

このような場合には何も指定をしないか、取り敢えずwidthだけでも指定しておくかどちらの方が良いのでしょうか？
よろしくお願いします。

回答No.1

notnot · ベストアンサー

「タグにクラスを指定したら必ずそのクラスに対応するCSS定義が必要か？」という質問でしょうか？
それなら、不要です。クラスは別にCSSのためだけの物ではありませんので。

そもそも、divタグにクラスを指定しないということでも良いです。

お礼

回答ありがとうございます。

質問の意図は書いてくださった通りです。
上手く言葉にできなかったのですが、汲みとってくださって助かりました。

divタグはクラスを指定する為に使うものだというイメージがあったのですが違うんですね。
参考になりました。ありがとうございます。

回答No.4

ORUKA1951

class名のつけ方からしておかしいです。実際のつけ方と比較するとよくわかります。
<div id="bodyText"><!-- 本文 -->
　<div class="section column2">
　　<div class="index">目次とか</div>
　　<div class="main">本文</div>
　</div>
　<div class="section 3column">
　　<div class="index">目次</div>
　　<div class="main">本文</div>
　　<div class="note">脚注とか</div>
　</div>
</div>
　というように、HTMLの文書構造に従ってマークアップするべきです。
　サイト全体で自分のルールに統一しておくと、将来デザインを変えるときにとても楽ですし、HTML5とかXMLに変更するときも楽です。
・気が変わって目次を左に置きたくなった。
・HTMLの文書構造を誰が見てもわかる。もちろん数年後の自分でも

　ある章(section)については、本文(main)を狭くして脚注を入れたければ、
div.3column div.main{width:60%;}とか追記すればよい。
　class名はスタイルシートのためにあるわけではなく、あくまでHTMLの文書解析のために使うものという基本を忘れなきゃ、CSSとは無関係に自分が先で困らないようにつければよい。
　またright1,right2は無駄です。同じスタイルを書くのなら、index(right)ひとつでよい
。区別したけりゃ
　div.index{ color:red;}
　.3column div.index{color:blue;}
とか
　div.index{ color:red;}
　div.section + div.section div.index{ color::blue;}
とか

　いずれにしてもwrapper,box1,clearfix,right1,left1,box2,right2,left2 なんてマークアップはしないほうが良いでしょう。

お礼

回答ありがとうございます。

クラス名はこちらに質問させていただく際に
なんとなく単純な方が解りやすいかなと思ってbox1,right1～と書いたのですが
かえって解りにくくしてしまったようで申し訳ありません。

でも丁寧な解説をつけて頂けてすごく勉強になりました。ありがとうございました。

回答No.3

metametamu

１さんでしたね、すみませんでした。
訂正します。

回答No.2

metametamu

２さんと同じく必要ないと思いますが、そもそもbox1とbox2にclearfixの記述を追加すれば良いのではないでしょうか？

box1,
box2 {
/* clearfixの記述 */
}

clearfixというクラス名をつけてclearfixを利用するのはあまり推奨されていません。
class名の指定方法などにもかかわってきますが、clearfixというのはテクニックであってグループでは無いので・・・

お礼

回答ありがとうございます。

clearfixを知ったのがclearfixというクラス名をつける方法でだったので
てっきりそういう物だと思い込んでいました・・・。

書いていただいたことを参考に調べたら色々とすごく勉強になりました。
ありがとうございました。