WEB前端：element.style覆盖了我想修改的样式！

其实这是一个优先级的问题。

今天在写css时，显示效果会出现非常诡异的效果

以前的没遇到过这种情况

1. .recruitment_info {
2. margin-top: 10px;
3. border-top: 1px solid #f39b41;
4. border: 1px solid #F57BB6;
5. border-radius: 5px;
6. padding: 10px;
7. }

显示的不是我要的颜色。

弄了很久，发现有个“element.style”这玩意，但是发现我并没有定义它啊！

css文件翻了个遍，也没找到element.style。原来这是在system.css东西

解决方法

使用！important即修改成

.recruitment_info {
margin-top: 10px;
border-top: 1px solid #f39b41;
background: #ececec !important;
border: 1px solid #F57BB6;

border-radius: 5px;
padding: 10px;
}