CSSでコードブロックを開始することとの違いは何ですか。 [ドット]と＃[ハッシュ]？

Question

最後に記載されている2つのCSSのサンプルコードについては、次の質問にお答えください。

1. 2つのコードの違いは何ですか？ 1つはドットで始まり、もう1つはハッシュで始まっています。
2. これらのスタイルをHTMLにするにはどうすればよいですか？ class="searchwrapper"を使用するか、id="searchwrapper"を使用する必要がありますか？そして、なぜ、違いは何ですか？

例1：＃で始まる[ハッシュ]

#searchwrapper { 
    /*some text goes here*/ 
} 

例2：以降で[ドット]

.searchbox { 
    /*some text goes here*/ 
} 

Answer 1

これらはCSSセレクタである：。

• #foo idがfoo
の要素を意味します。
• .fooクラスfoo

を持つすべての要素がhttp://www.w3.org/TR/CSS2/selector.html

IDを参照してください意味ユニークであるので、あなたは、同じIDを持つ一つの要素を持つことができます。クラスは多くの要素で同じであることができますが（すべての要素は複数のクラスを持つことができます）。

Answer 2

差：

.myElement {...} 

に一致します：

.は

#が

クラスの例は、IDを指定するクラスを指定

ID例：

を選択する方法一つだけの要素は、特定のIDを持っているかもしれませんが、複数の要素が共有することがあります。

#myElement {...} 

は

<div id="myElement"> 

クラスまたはIDと一致します特定のクラス。

• あなたは、ある特定の要素を標的とする要素にIDを与え、あなたのCSSで#を使用している場合。
• 複数の関連要素をターゲットにする場合は、それらにクラスを与え、CSSに.を使用します。

Answer 3

1. [ドット]はクラスセレクタで、Id Selectors
2. ＃はIDセレクタで参照、ドキュメント要素にIDが割り当てられている場合Class Selectors

Answer 4

"＃" を使用するを参照し、 "" document要素でclassを使用した場合は、dotが使用されます。

文書の各要素のIDは一意であるため、＃を使用すると、その要素だけに適用したいということです。

ここでは、 "。" dotというのは、class attirbuteがcssのドットの後にあるその名前に設定されている要素にCSSを適用したいということです。 ".myClass"のように、myClassはクラス名です。これらは、CSSセレクタです

#id1,#id2{ 
//your css 
} 

Answer 5

：あなたはあなたがすることで、複数のIDに同じCSSを適用することができ

#fooがfooに設定されたIDを持つ要素を意味し、それは<div id="foo"> .fooをいう意味します要素がfooクラスの場合、<div class="foo">

プラス：同じ要素を複数持つことができますが、あなたはhavできません同じdを持つ複数のe。 （実際にあなたはそれが悪ですが、W3Cはあなたを罰するでしょう）。

Answer 6

'。' div.searchwrapper {/ *何かを*：

「＃」のIDセレクタであり、唯一の特定の一つの要素に適用されますIdを