为什么不重要！我的CSS中的重要工作？

Question

这是我的代码。http://codepen.io/xueyan123/pen/oWMNNa当我尝试使用！在我的CSS中重要时将背景颜色覆盖为蓝色，它仍然是红色。这是为什么？

#app{
  width:100px;
  height:100px;
  display:flex;
  background-color:#ff0000;
  justify-content:center;
  align-items:center;
  border:1px #ff0000 solid
}

.active{
  background-color:#0000ff;!important
}

就我而言，.active和#app引用相同的DOM元素。

Answer 1

Wrong - background-color:#0000ff; !important

Right - background-color:#0000ff !important ;