被覆盖的风格

Question

以下是我内置页面中的HTML：

<div class="notes quotes-notification member-savings f-left">
<h2>My Notifications</h2>
<ul>
<li><b>need to modify the HTML a little more than on the other pages you worked your account. </li>
<li>An <a href="#">answer has been posted</a> to a question you submitted.</li>
<li>A shop responded to a <a href="#">review you posted</a>.</li>
</ul>
</div>

quotes-notification和member-savings都有不同的css，如下所示：

.member-savings {
    width: 19%;
    margin-right: 1.6%; 
    border: 2px solid #0c86c9;
}
.quotes-notification{
    width: 32%; 
}

在页面上，我需要Notification块将宽度设置为32％，但此块将宽度视为19％并覆盖32％。 在这里，我无法删除班级member-savings有没有办法忽视19％？

Answer 1

为!important指定width:32%;是实现此目标的一种方法。但这不是推荐的做法。另一种方法是尝试增加quotes-notification的CSS扩展的特异性。即代替：

.quotes-notification{
    width: 32%; 
}

尝试类似：

body div.quotes-notification {
    width: 32%; 
}