如何删除子元素中的blur属性？

Question

代码中存在问题。

<div class="total">
 <div class="part">
   <h2>fff</h2>
</div>
</div>
<style>
.total{
filter:blur(5px);
}
.part{
filter:none;
}
</style>

在part class中我添加了filter：none，它仍然有父过滤器属性。请帮助。