1

私は過去数日間にわたって CSS を学んでおり、ヘッダーを宣言するときとの違いは何かと常に疑問に思っていました.。#例：

.test
{
  some stuff here
}

#test
{
  Some stuff here
}

.との主な違いは何#ですか?

4

9 に答える 9

2

#IDセレクターです。.クラスセレクターです。これは、たとえば、精密ピンセットとシャベルを比較するようなものです。

ページ上に指定されたIDを持つ要素は1つだけであるため、#セレクターはクラスよりもはるかに優先されます。

于 2013-03-06T04:02:12.853 に答える
1

.->これは、クラスのcssを参照し、その名前にクラスが設定されている要素のcssを指定します。 複数の要素が同じクラスを持つことができます

例えば

<div class='xyz'></div>
<div class='xyz'></div>
<div class='xyz'></div>

書くことによって

.xyz
{
width:100px;
height:100px;
}

これらすべてのdivに共通の幅の高さを設定できます

#IDを参照IDは一意 ですhtmlページでIDを持つことができるのは1つの要素のみで 、たとえば1つの特定の要素に関連するcssプロパティを適用するためのものです。

<div id="div1" class='xyz'></div>
<div id="div2" class='xyz'></div>
<div class='xyz'></div>

書くことによって

.xyz
{
width:100px;
height:100px;
}


#div1
{
width:200px;
}

div1の幅は200になります！CSSプロパティ#の優先度は.

>つまり#、cssは.Cssを上書きします

この例を見てくださいjsfiddlehttp : //jsfiddle.net/rbyKx/

于 2013-03-06T04:10:06.937 に答える
0

ドットはクラスに使用され、ハッシュ（＃）はIDに使用されます。クラスは、さまざまなセクション要素のスタイルを設定するために定義されており、複数回使用できます。

IDは基本的に、ページの特定のセクションを定義するために使用されます。IDは1回だけ使用できます。

クラスの例ページ上のすべての段落のフォントサイズを設定したい場合は、クラスを使用して次のようにすることができます。

p.font-size{
        font-size:12px;
 }

Idの例：特定のパラグラフのフォントサイズを変更する必要がある場合は、次の方法を使用できます。

#Size {
font-size:10px;
}

このようにhtmlで使用するよりも

  <p id="Size">your para</p>

ここでのIDは、cssクラスで定義されたスタイルをオーバーライドします

于 2013-03-06T04:10:14.657 に答える
0

.でありclass、#id

IDは一意です

各要素は1つのIDのみを持つことができます

各ページには、そのIDを持つ要素を1つだけ含めることができます

クラスは一意ではありません

複数の要素で同じクラスを使用できます。

同じ要素で複数のクラスを使用できます。

それが大きな違いです

バーコードとシリアル番号の例をとることができます

バーコードは製品{class}で同じであり、シリアル番号は製品{id}のインスタンスごとに異なります。

于 2013-03-06T04:01:59.500 に答える
0

.test {...}指定されたクラスの要素を選択します。#test {...}指定されたIDを持つ要素を選択します。（特定のIDを持つ要素が複数存在することはできません）

于 2013-03-06T04:02:03.970 に答える
0

.testはクラスtestを含む要素に適用され、＃testはidtestを含む要素に適用されます

于 2013-03-06T04:03:20.703 に答える
0

これは一般的なCSS用であり、CSS3に固有のものではありません。

aを使用すると、属性#によってHTML要素が選択されます（ sはページ上で一意である必要があることに注意してください）。idid

aを使用する.と、属性によってHTML要素が選択classされ、クラスのリストにCSSで指定されたクラスが含まれている要素が選択されます。

CSSセレクターには、他のルールよりも優先されるルールを決定するための優先順位「スコア」もあります。sは一意であるため、セレクターidよりもスコアがはるかに高く、したがって優先順位が高くなります。class

CSSセレクターの詳細については、こちらをご覧ください。

于 2013-03-06T04:03:37.307 に答える
0

これはCSS3ではなく通常のCSSです。

.testたとえば、クラスを持つすべての要素をターゲットにすることを意味します test

<div class="test">I am targeted</div>
<div class="testnot">I am not targeted</div>

#testたとえば、 IDを持つ要素をターゲットにすることを意味します test

<div id="test">I am targeted</div>
<div id="testnot">I am not targeted</div>

IDは一意である必要があり、多くの要素に同じクラスを含めることができます。

于 2013-03-06T04:03:54.323 に答える
0

これ.はクラス#用で、ID用です。

それで

ルールで定義するスタイルは、クラス_テスト.test { }_のすべての要素に適用されます。例：

<div class="test"></div>

#test { }ルールで定義したスタイルは、テストをIDとして持つ要素に適用されます。例えば：

<div id="test"></div>
于 2013-03-06T04:04:10.763 に答える