CSS覆盖问题

Question

我试图覆盖与容器相关的宽度＆＃39;在css文件中只有当'myclass＆＃39;组织如下。当myclass存在时，我希望容器宽度达到95％。

＆＃13;

＆＃13;

<div class="main-section container">
  <div class="content-section">
    <div>
      <div class="myclass otherclass">
      </div>
    </div>
  <div>
</div>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

＆＃13;

＆＃13;

＆＃13;