12

知りたいのですが、<img>cssファイルに直接書き留めるよりも、htmlファイルのタグにクラス名を割り当てた方が良いというのは本当ですか?

<div class="column">
   <img class="custom-style" alt="" />
   <img class="custom-style" alt="" />
   <img class="custom-style" alt="" />
</div>

それ以外の

.column img{/*styling for image here*/}

Web パフォーマンスに関して、これらの間に違いはありますか?

アップデート：

申し訳ありませんが、質問は<img>内に複数のタグがあり.column div、すべての画像が同じスタイルを使用していると思われます。

4

5 に答える 5

2

指定したスタイルはそのクラス名にのみ適用されるため、クラス名を指定すると、より用途が広くなります。しかし、すべてを正確に知っ ていて、同じ方法でスタイルを設定したい場合は、そのセレクターを使用できない理由はありません。 .column img

パフォーマンスの違いがあったとしても、最近では無視できます。

于 2013-04-26T04:48:06.153 に答える
1

クラス名を割り当てることと CSS スタイルを適用することは、2 つの異なることです。

つまり<img class="someclass">、そして

.someclass {
  [cssrule]
}

の場合、css をクラスに適用することと、.column img

于 2013-04-26T04:38:15.067 に答える
0

その依存。2つ以上の画像.columnがあり、CSSを適用するためにいくつかの画像しか必要ない場合は、クラスを直接画像に追加するのではなく、画像に直接追加することをお勧めします.column img{/*styling for image here*/}

パフォーマンスの面では、クラスを画像に適用する方が優れています。そうすることで、cssが子画像の可能性を探さなくなるからです。

于 2013-04-26T04:38:29.193 に答える
0

サイトの異なる構造で同じスタイルを使用する場合は、img タグのクラスの方が優れていると思います。CSS コードの行数を減らし、HTML が読みやすくなる時期を決める必要があります。

于 2013-04-26T06:06:01.637 に答える