悬停状态下的CSS边框

Question

基本上我有一个.priceblock类的定价表，我的border-bottom标签上有<li>，我只是希望它在我悬停时改变颜色<{1}}上的{/ strong>。我的代码似乎是正确的，但没有任何改变。

这是最初的li标签：

priceblock

此处悬停状态css代码，此悬停类适用于文本着色，但我无法更改边框颜色。

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);
}

有什么想法吗？

Answer 1

我认为您可能需要更改悬停状态。

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

要：

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

HTML可能能够更好地阅读它。

Answer 2

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”......