0

完成させようとしている Web サイトで、メイン ナビゲーション メニューの CSS を正しく設定するのに苦労しています。

メニュー項目に子ページがある場合、それらのドロップダウンは境界線のない単色である必要がありますが、下部の角が丸く、ドロップ シャドウもあります。

おおむね正しいと思いますが、中央のリンク (LI) が最後の LI と同じように角が丸くなり、その理由がわかりません。

また、メニューの LI ホバーが本来あるべき場所に丸みを帯びていないことにも気付きました。

サイトはhttp://landtrecruitment.com.auです。

ありがとう

4

1 に答える 1

3

ここに画像の説明を入力

これを試して

.menu ul > li + li{
    border: 0 solid #333333;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

この上のCSSに + li を追加してください

.menu ul > li + li + li{
    border: 0 solid #333333;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

また

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-last-child

 .menu ul  li:nth-last-child(1)

    {
      border: 0 solid #333333;
            border-radius: 0 0 10px 10px;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);}
于 2013-07-04T06:03:11.073 に答える