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 回答
0

css 属性必须相等。

例如：

如果在第一个样式块中编写“ul.pricingtable”，那么您需要在第二个块中执行此操作。

并且在块的内容中，它们需要相同。

例如：

border-bottom: 1px solid rgba(221,221,221,1);

和

border-bottom: 1px solid rgba(255,117,109,1);

您不能使用“border-bottom”一次，然后仅使用“border-color”...

于 2013-10-24T10:20:23.190 回答