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