2


以下の HTML チャンクを見てみましょう。
HTMLチャンク

ここで、上記のチャンクでは、各 div にクラスを使用しています。
と交換classesすることもできますCSS selectors

     .first{
      /*  some styles  */
      }
      .first:nth-child(1){
      /*  some styles  */
      }
      .first div:nth-child(1){
      /*  some styles  */
      }


上記の CSS チャンクは、要件を満たすこともできます
。ベスト プラクティスは何ですか? 使用できる条件を説明し、selectors感謝classes
します:)

4

1 に答える 1

5

スタイルが要素の位置に関係する場合は CSS セレクター スタイルを使用し、それ以外の場合はクラスを使用する方がよいと思います。

たとえば、テーブルの各行の背景がその位置に関連付けられている場合、たとえば、1 行目は赤、2 行目は緑、3 行目は青、4 行目は赤、6 行目は緑などです。の上。この場合のように CSS セレクターを使用すると、後で 4 色を使用する場合に変更するのが難しいため、HTML:nth-child(3n+1)のように余分な情報を記述する必要がなくなります。class='red'

しかし、表の行の背景が値によって決定される場合、たとえば、0 未満の値は赤、0 より大きい値は緑、0 は青のようになります。これを CSS セレクターで表現するのは非常に難しいと感じるかもしれませclass='lz0'ん。賢明なことをしてください。

結論として、コンテンツとスタイルは分離する必要があることに注意してください。コンテンツと構造には HTML を使用し、スタイルには CSS を使用します。

于 2013-03-12T05:52:33.200 に答える