リストで使用している最後の子疑似クラスが機能していません。JSFiddle: http://jsfiddle.net/yuvLk/
HTML:
<ul class="categories">
Categories
<li>{category_name}</li>
<li>{category_name}</li>
<li>{category_name}</li>
<li>{category_name}</li>
<ul>
CSS:
ul.categories {
text-align: center;
}
ul.categories li {
list-style-type: none;
background: #E6E6E6;
width: 250px;
height: 40px;
}
ul.categories li:first-child{
-webkit-border-radius: 25px 25px 0 0;
border-radius: 25px 25px 0 0;
}
ul.categories li:last-child {
-webkit-border-radius: 0px 0px 32px 32px;
border-radius: 0px 0px 32px 32px;
}
私はそれをグーグルで検索し、クロスブラウザーの問題について尋ねるStackOverflowに関するいくつかの投稿を見ました。クロスブラウザの問題について質問しているわけではありません.Chrome v23を使用しています.last-childは機能するはずです.
私は何を見落としていますか/間違っていますか?