3

リストで使用している最後の子疑似クラスが機能していません。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は機能するはずです.

私は何を見落としていますか/間違っていますか?

4

1 に答える 1

3

単純なタイプミス:<ul>の代わりに書いた</ul>ので、<li>最後の子は実際には最後の子ではありませんでした。

訂正例: http: //jsfiddle.net/yuvLk/1/

于 2013-01-29T06:20:28.107 に答える