html - 被覆盖的样式

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

在页面上，我需要通知块将宽度设为 32%，但此块将 19% 视为宽度并覆盖 32%。在这里，我不能删除类member-savings有什么办法可以忽略 19% 吗？

Answer 1

指定!importantforwidth:32%;是实现此目的的一种方法。但这不是推荐的做法。另一种方法是尝试增加针对quotes-notification. 即代替：

.quotes-notification{
    width: 32%; 
}

尝试类似：

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