リスト要素上のボーダー半径？

Question

私はアイテムのリストにボーダー半径を追加したいと思いますが、各アイテムにスタイルを適用したくありません。今、私のスタイルは奇妙なリスト要素を1つの色で、偶数の要素はより暗い色を持っています。 liにborder-radiusを適用すると、各行に表示されますが、最初の項目と最後の項目にのみ適用します。これら2つのリスト項目だけに特別なIDやクラスを作成せずに、これをどうやって行うのですか？ここで

が私のHTMLとCSSです：

<section id="list"> 
<ul> 
     <li>Song 1</li> 
     <li>Song 2</li> 
     <li>Song 3</li> 
    </ul> 
</section> 

ul{ 
list-style:none; 
padding-left:0px; 
width:600px; 
} 

ul li:nth-child(odd){ 
background: rgba(12,147,0,0.4); 
} 

ul li:nth-child(even){ 
background: rgba(12,147,0,0.7); 
} 

li{ 
padding:15px; 
border-radius: 20px; 
} 

Answer 1

使用:first-childと:last-child

li:first-child, li:last-child{ 
    padding:15px; 
    border-radius: 20px; 
}