スタイルシートのドットが＃になっている

スタイルシートの応用がちょっとできる程度の、
スタイルシート素人ですが、会社の今あるデータを変えなくてはならなくなりました。

通常、クラスを指定するのに「.top」などという風に、ドットからはじめると思うのですが、会社の今あるデータは、そこが＃になっています。これはいったいなんなのでしょうか？ドットとは違うのでしょうか？
お分かりの方よろしくおねがいします。

No.4 回答者： koutarou504 回答日時： 2006/05/10 03:04

＞idの利点がわかりません。

技術的な面で、デザインをＣＳＳで行う時の印としては class と変わらないでしょう。デザイン側からみると・・・。

しかし、「.top P{ ～ } #sample P{ ～ }」の様な指定の場合、「<div class="top" id="sample">test01<p>test02</p>test03</div>」の「top」という class の指定されている要素の中の「sample」という id の指定されている要素とかなりまして・・・。
この様な組み合わせになってきた場合に、優先度という問題が出てきて、id が class より優先されると・・・。

この様な組み合わせを使わなければ、一意の名称でも class としてもさしつかえないので id のメリットは判らないというか不要かと・・・。

また、id は JavaScript で便利に使えるので、その為に記述した場合に、そこに id があるのに改めて class を記述して CSS というのもという考え方も。
それからアンカーとして name の代わりに id を用いる事が出来ます。（古い一部のブラウザは name のみ対応ですが。）


それから基本として、意味から入るとすると、同じデザインでも異なる意味なのが普通・・・。
個々に名前を付ける考えからすれば、id が自然かと・・・。class はグループ化。

No.3 ベストアンサー 回答者： BLUEPIXY 回答日時： 2006/05/09 16:12

#1>いまいちidの利点がわかりません。

classだけ使えばいいような気がします
CSS においては、class だけ（１つだけでもclass で対処する）でもイイと思います。
でも、class 指定されている中でも個別に指定したい場合もあるかもしれません。そのような場合には、id で指定したものを特定することができます。

No.2 回答者： yambejp 回答日時： 2006/05/09 14:55

idはそのhtml内で唯一のオブジェクトですから

ダイレクトにアクセスできます。
document.getElementById('hogeid')

オブジェクトに特殊な属性をjavascriptで
つけたいときなどは非常に重宝されます。

一方classはグループなのですが、javascriptでは
まとめてひとつのオブジェクトと認識できません。

No.1 回答者： BLUEPIXY 回答日時： 2006/05/09 11:13

. は、クラス指定されたものですが、

# は、id 指定されたものです。

この回答への補足

なるほど。
＃の場合はHTMLの部分がidになっているはずなのですね。
idは使ったことがないので、
http://dhr.at.infoseek.co.jp/simple_style1.htm
の「id属性とclass属性との違いについて」という項目を読んだのですが、
いまいちidの利点がわかりません。
classだけ使えばいいような気がしますが、既にある会社のCSSファイルの中には、
idが多様されています。
どのよう利点があるのか、お分かりでしたらよろしくおねがいいたします。

補足日時：2006/05/09 12:17