1

このフィドルhttp://jsfiddle.net/dAHqe/2/border-radiusでは、リストの2つの主な用途(これまで見てきた)の例を作成しました。

  1. コンテナ(aまたはa )に適用border-radiusします(したがって)。background-colordivul
  2. および疑似クラスを介して、最初と最後のコンテンツアイテム(sまたはネストされたs)に適用border-radius(したがって)します。background-colorlidiv:first-child:last-child

一見すると、最初の方法(コンテナーに適用する)の方がはるかに簡潔に見えますが、私は常に2番目の方法を目にしています。

2番目の方法を使用する正当な理由(つまり、スケーラビリティ)はありますか?

更新::hoverこれはモバイルアプリ用なので、疑似クラスは必要ありません。

4

1 に答える 1

2

個人的には、あなたが与えた例では、私は常に単純なオプションを使用してコンテナーに配置します。

ただし、他の方法で行う理由は次のとおりです。

  • コンテナがなく、コードを変更してコンテナを追加できない場合があります。

  • 単一のコンテナーでは機能しない方法で、個々のリスト項目を変更できる柔軟性が必要な理由があります。たとえば、ホバー時に半透明にしたいですか?

  • ぎこちない HTML 構造を回避する必要があります。複雑なテーブルのセルに丸みを帯びた角を追加しなければならなかった、このようなケースがしばらく前にありました。問題のセルは、より大きな表の行と列のサブヘッダーでしたが、すべてを組み合わせる方法は、丸みを帯びた角を個別のセルに個別に配置する必要があったことを意味しました. それは面倒で厄介でしたが、最終的には彼らが望んでいたように見えました.

  • コーダーは CSS のことをよく知らないので、CSS をそのように行っている別の場所からコピーするだけです。

これらが私が考えることができる唯一の理由です。しかし、ほとんどの場合、これらのいずれかに該当すると思います。

それが役立つことを願っています。

于 2012-06-19T22:26:20.067 に答える