1

私は現在このサイトに取り組んでおり、なぜこれが機能しないのか理解できません..各コントロールナビリンクの上下に小さな境界線を配置しようとしています（スライドの右側に表示されます）。素晴らしい... http://limerickfc.hailstormcommerce.com/cms/

.nivo-controlNav a + a {
border-top: 1px solid #000000;
}

わかりやすくするために、もう少しcssを含めて、私が話していることを理解できるようにします...

.nivo-controlNav {
text-align:center;
position:absolute;
right:-180px;
height:474px;
width:180px;
top:0px;
z-index:8;
}

.nivo-controlNav a {
cursor:pointer;
height:68px;
padding: 13px 20px;
width:140px;
display:block;
background: url('http://limerickfc.hailstormcommerce.com/cms/wp-content/themes   /limerickfc/images/slideshowBg.jpg') scroll 0 0 transparent;
background-repeat: repeat-y; 
color: #6ED5FF;

}

ありがとう！

4

2 に答える 2

1

Firebugを使用して添付ページを確認すると、インラインスタイルシートでこのスタイルが宣言されています。

#slider a {
    border: 0 none;
    display: block;
}

境界線を削除した場合：0なし。境界線が表示されます。現在、NivoControlNavスタイルを上書きしています。

于 2012-09-13T14:34:15.393 に答える
1

問題のある CSS ルールが 2 つあります。

.nivoSlider a {
    border:0;
    display:block;
}

あなたのセレクターはよりも.nivo-controlNav a + aわずかに特異性.nivoSlider aが高いため、あなたのセレクターが勝つはずです。ただし、次のルールもあります。

#slider a {
    border:0 none;
    display:block;
}

このルールの ID は、あなたのものよりもはるかに具体的です。このルールからプロパティを削除するかborder、セレクターに ID を追加してより具体的にしてください。

CSS セレクターの詳細については、 を参照してください。

于 2012-09-13T14:36:42.320 に答える