このフィドルhttp://jsfiddle.net/dAHqe/2/border-radiusでは、リストの2つの主な用途(これまで見てきた)の例を作成しました。
- コンテナ(aまたはa )に適用
border-radiusします(したがって)。background-colordivul - および疑似クラスを介して、最初と最後のコンテンツアイテム(sまたはネストされたs)に適用
border-radius(したがって)します。background-colorlidiv:first-child:last-child
一見すると、最初の方法(コンテナーに適用する)の方がはるかに簡潔に見えますが、私は常に2番目の方法を目にしています。
2番目の方法を使用する正当な理由(つまり、スケーラビリティ)はありますか?
更新::hoverこれはモバイルアプリ用なので、疑似クラスは必要ありません。