1

基本的に、クラスの価格表があり.priceblock、border-bottomタグに があります。 にカーソルを合わせると<li>色が変わるようにしたいだけです。私にはコードは正しいように見えますが、何も変わりません。priceblock

最初の li タグは次のとおりです。

ul.pricingtable .priceblock .contents li {
    font-family: 'OpenSans';
    font-size: 13px;
    width: 81.904762%;
    height: 35px;
    margin:0 auto;
    padding: 10px 0;
    border-bottom: 1px solid rgba(221,221,221,1);
}

そして、ここでホバー状態のCSSコード、このホバークラスはテキストの色付けのために機能しますが、境界線の色を変更することはできません.

.priceblock:hover .contents li {
    border-color: rgba(255,117,109,1);
}

何か案は？

4

2 に答える 2

0

ホバー状態を変更する必要があるかもしれないと思います。

    .priceblock:hover .contents li {
    border-color: rgba(255,117,109,1);
    }

に：

.contents li:hover {
    border-bottom: 1px solid rgba(255,117,109,1);
}

HTML の方が読みやすいかもしれません。

于 2013-10-24T00:59:34.243 に答える