覆盖内嵌样式（CSS，CSS3）

Question

我希望这不是一个愚蠢的问题。我一直在使用管理系统，无法直接访问非常有趣的HTML。但我可以访问一个CSS文件，并一直在使用它。到目前为止，事情一直进展顺利，虽然我发现在这里编辑它们很困难，但这是一个例子（尝试删除边框）：

.inner-container {
border: 1px solid #DDD;
background-color: #FFF;
color: #333333;
padding: 20px 15px;
margin-top: 20px;
}

我试过这个：

.inner-container {
border: none!important;
}

＆安培;更复杂的版本

.inner-container[style^="border: 1px solid #DDD"] {
border: none !important;
background-color: #FFF;
color: #333333;
padding: 20px 15px;
margin-top: 20px;
}

据我所知有些人说使用！important来覆盖CSS元素是不好的做法，我尝试过和不用。有没有人有任何建议，请告诉我？

编辑**

<div class="inner-container public-catalog-layout">