2011-01-26 10 views
1

要素のCSSクラス(名前)を選択するベストプラクティスは何ですか?意味やルックスでCSS要素を分類しますか?

a)名前を付けて(この例では予約リンク)名前を付け、CSSで同じ外観のすべてのクラスをグループ化する必要がありますか? CSSと

<a href="booking.html" class="bookingLink">Book this course!</a> 

a.bookingLink, a.otherLink, a.someLink { color: red; font-weight: bold } 

B)または私はむしろそれがどのように見えるの後に名前を付ける必要がありますか?私は現在、自分が同じように見えますが、別の意味を持っている必要があり、リンクのためのより多くのクラスを追加見つける

a.boldLink { color: red; font-weight: bold } 

:CSSと

<a href="booking.html" class="boldLink">Book this course!</a> 

。もちろんこれにより、CSSの変更も必要になります。

一方、特定のタイプのリンクの外観を変更したい場合は、CSSを使用して外観をより柔軟に変更できます。 (予約リンクのみ)

どのような方法が好きですか?

+0

私は、スタイルを模倣するいくつかのクラスを作るのが好きです。この場合、私は.FontBold {font-weight:bold} .ColorRed {color:red}を持っています。次に、両方のクラスを要素に適用します。おそらくベストプラクティスではなく、私のために働くでしょう。 – Malk

答えて

3

クラス名は可能な限り意味を持つようにしておくことをお勧めします。

あなたはどこから来ているのか分かりますが、書くべきコードの量が増えています。

この問題についてW3Cの記事がありますが、ほとんどの場合ガイドラインに従います。

http://www.w3.org/QA/Tips/goodclassnames

限り、あなたは、読みやすい一貫して保守してコードを保つように私は、独自のスタイルを少しは傷つけることはできないと思います。

関連する問題