html - HTML要素のクラス宣言で使用されるスペースは何ですか?

Question

重複の可能性:
スペースを含む HTML クラス属性、これは W3C の有効なクラスですか?

既存の HTML ソースコードを使用しています。次の行を検討してください。

<ul class="thumbs noscript">

Thumbsとnoscriptの間のスペースは何を意味しますか?

score 4 · Accepted Answer

4

ここにはとの 2 つのクラスがあることを意味thumbsしnoscriptます。

于 2012-12-23T17:38:21.700 に答える

score 2 · Accepted Answer

2

HTML 要素は、スペースで区切られた両方のクラスを使用しています。

于 2012-12-23T18:33:00.917 に答える

score 0 · Accepted Answer

クラス宣言で複数のクラスを区切るためにスペースが使用されるため、基本的には、クラスthumbsとnoscriptUL 要素の両方が適用されることを意味します。

これらの両方のクラスを持つ必要がある要素を選択するには、CSS を使用して、次のようなセレクターを使用できます。

.thumbs.noscript {
   /* Properties that apply to elements that have both classes. */
}

CSS のルール宣言では、クラス間にスペースがないことに注意してください。クラス間にスペースを入れる場合、ルールを適用するには、代わりに noscript を親指の子にする必要があります。

上記のような CSS ルールは、CSS プロパティを両方のクラスを持つ要素に適用したいが、クラスを 1 つしか持たない要素やクラスを持たない要素には適用したくない場合に便利です。

score 0 · Accepted Answer

これは、この要素に 2 つのクラスがあることを意味します。両方thumbsとnoscript

これは、次のように css を使用してこの要素を選択できることを意味します。

.thumbs { color:#f00; }
.noscript { color:#000; }

また

.thumbs.noscript { color:#fff; }

score 0 · Accepted Answer

0

スペースは、複数のクラスを分離しておくことです。

于 2012-12-23T17:38:35.740 に答える

score 0 · Accepted Answer

要素は複数のクラスを持つことができるため、この場合はクラス "thumbs" と "noscript" を持ちます。そのため、彼女はクラス名の間のスペースで単にそれらを分離しています。

名前を見ると、「noscript」クラスの要素を常に表示するなどの CSS が存在する可能性があります。JavaScript を使用すると、このクラスはおそらくページの読み込み時に削除され、JavaScript が有効になっている人にとってページがより快適に機能するようになります。

score 0 · Accepted Answer

これは、複数のクラスを使用できるようにするためです。そのため、サイトのさまざまな領域でいくつかを再利用する可能性があります。

実際の例は次のとおりです。

.thumbs {width:150px; height:150px; background-colour:#fff;}
.noscript {clear:both;}

7 に答える 7