2012-02-09 8 views
0

これは少し厄介な質問のように思えるかもしれませんが、私はそれがむしろ重要であると感じており、これについていくつかの明快さがほしいと思う(多くの情報を見つけることができないようです)クラスとIDを使用するための適切な状況は?

我々は左浮かぶボックスは、黒の背景、白のテキストを持って欲しい、それがやる方が良いです:

<div id="random-box">This is some content</div> 

とCSSを持っているとして:

#random-box { float: left; background-color: #000; color: #fff; } 

またはそれを行うのは良いです。

<div class="float-left random-box">This is some content here</div> 

としてCSSを持っている:

.float-left { float: left; } 
#random-box { background-color: #000; color: #fff; } 

私はいつも最後は少ないCSSがあることに優れてによるものであると推論した(例えば、左に浮かべているものは、「浮動小数点型」のクラスを持つことができます。これは、さまざまなアイテムに対して「float:left」を繰り返す必要がないことを意味します)。 。 。

私が正しいとすれば、どの場合にIDを使うべきですか?さらに重要なのは、この問題の頭に取り組む本当に有用なウェブサイトの記事があることです。

これは問題ではないのでしょうか、それとも一般的に罰金として認められていますか?

+0

あなたのページで一意なものを識別するためにIDを使用します。いくつかのパターン、類似性、または亜群にしたがって論理的にコレクションとして識別できるものを識別するためのクラスを使用します。パス..しかし時には完全にデザイナーの好み。 – Flowerking

+0

例えば、ページのヘッダー(これは決して繰り返されません)は、主コンテンツ領域の要素が一般的に私たちのクラスとなるIdを使用すべきですか? – Sean

+0

テーブルがあり、異なる行の色を変えたい場合は、すべての偶数行のクラスを偶数に、奇数行をoddrowに設定して、テーブルの論理パターンを形成することができますここにIDを使用しないでください!したがって、あなたが話すときにヘッダーのIDを使用し、すべての主要コンテンツのクラスは個人的な好みです。今では、あなたのスタイルを変更する論理的なグループにあなたのコンテンツを分割する習慣を形にするならば、 "クラス"の使い方に適しています。 – Flowerking

答えて

0

しばらくすると、コーディングの主な哲学として、ほとんど私はOOCSSを使用して解決しました。

私はウサギを飼うことができましたが、多くの人がこの質問を見ることになるでしょう。上のリンクは私のような質問の出発点です。

関連する問題