TOP > ネタ・話題 > スタイルシートの class と id の違いと使い分け [ホームページ作成] All About

スタイルシートの class と id の違いと使い分け [ホームページ作成] All About

37コメント 2010-07-11 05:36  All About

HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場...

ツイッターのコメント(37)

この違いや使い分けもしっかりできるようにならないと。

まだまだ曖昧なこと多いけど、わからないことを調べて覚えてっていうのを繰り返しやっていく!

ちょっとまだCSSの公式HPは読み解けないので別のサイトの説明にて理解!
スタイルシートのclassとidの違いと使い分け
■class:「種別名を割り当てる」→ 同じclass名を1ページ中に何度でも使える。
■id:「固有の名前を割り当てる」→ 同じid名は1ページ中に1度しか使えない。
<div id="〜">につけるCSS「#」のことを「ハッシュ」または「シャープ」と言うそうですが、音楽記号「♯」とは形が違うので、気をつけた方が良さげです。

【概要】

#←これは「ハッシュ」(Shift+3)
♯←これは音楽記号の「シャープ」

こちらのサイトを参考にしました。
と id の違いと使い分け
メモ: css はなるべく ではなく class 指定でデザインをあてる | と id の違いと使い分け
と id の使い分け
■class:
「種別名を割り当てる」
→ 同じclass名を、1ページ中に何度でも使える
■id:
「固有の名前を割り当てる」
→ 同じid名は、1ページ中に1度しか使えない
と id の使い分け

参考になります
idとclaassどう違う?
職場でこの件を質問されて、一瞬うーむと思ったけど、やっぱり全部classでもいいわけだよなぁ。やはりidだったら1つしかない、classだったら複数あるかもということが「想定しやすい」ってとこかな。
と id の使い分け - [ホームページ作成] - All About

これ分かりやすく解説してていいよ
そういえばここのサイト( )で使われてるなまえが「さくら」と「ともよ」で、ん??wwwってなった
この記事の執筆者はカードキャプターさくら好きと見た。
ふと疑問に思ったこと。2/3 と id の使い分け [ホームページ作成] All About
大変よくまとまっていてわかりやすいです。” と id の使い分け”
@itiyomi_beggar  とりあえずこいつ置いときますね(
これにそぐわないcssファイルを見てて嫌になる時がな /
と id の使い分け - [ホームページ作成] All About”
ページ中に1度しか登場しない
class ページ中に何度でも登場する
ってそういえばそうだった。。。
と id の使い分け
(ツッコミ待ちなんだろうか…)Oo((´д`))RT @kasumits: sakuraとtomoyoって誰のことか、ものすごく気になる。芳乃さくらと坂上智代……? >スタイルシートの class と
と id の使い分け [ホームページ作成] All About
と id の使い分け - [ホームページ作成] All About”
と id の使い分け - [ホームページ作成] All About”
cssでのidとclassの使い分けについて、分かりやすいサイトがあったので。
と id の使い分け [ホームページ作成] All About
と id の使い分け [ホームページ作成] All About
自分用メモ
なぜCCさくらはこれほどまでに熱心なファンを獲得することが出来たのか。
と id の使い分け - [ホームページ作成] All About
おおおわかり易い解説発見!
と id の使い分け - [ホームページ作成] All About
と id の使い分け |
@ukatudesu さっきの知識を前提にこれとか読むとわかりやすいのかも…しれない…です classとidどっちも名札なんですけど、ちょっと違う、という…まぁわからなかったらclass付けとけば平気かと!
と id の使い分け - [ホームページ作成] All About:
これ読んで良い感じに理解(納得)出来たかも!
と id の使い分け
以上
 

いま話題のニュース

もっと読む
PR