将css类组合到目标特定页面

Question

我的课程.entry-content在每个页面上都有30px margin，我的课程.double-outter-wrapper是first-child，但是仅限1或2页。有没有办法只定位包含.entry-content和.double-outter-wrapper的网页，将margin更改为0？

Answer 1

如果您愿意使用它，JavaScript可能是一个可行的解决方案...如果您在每个页面中都包含一个通用的JavaScript GUI控制器，那么您肯定可以处理它...它就像......一样简单p>

if (document.getElementsByClassName('your-conditional-element').length !== 0) {
    document.getElementsByClassName('your-element')[0].style.margin = 0;
}

Answer 2

用Jquery想要实现同样的目标。因此，第一类的背景颜色为红色。在这两种情况下，它有一个类two。因此，选择类two并检查其父one并将其CSS更改为绿色。您可以根据需要添加CSS，例如margin:0 这是一个例子

＆＃13;

＆＃13;

$(".two").parent(".one").css("background","green");

＆＃13;

.one {
  background:red;
  width:90%;
  height:20%;
  margin:30px;
  padding:20px;
}
.two {
  background:blue;
  width:100%;
  height:100%;
}
.three {
  background:orange;
  width:100%;
  height:100%;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="one">
  <div class="two three">
    class 1
    </div>
  <div class="three">
    </div>
  </div>
<div class="one">
  <div class="two three">
    </div>
  <div class="three">
    </div>
  </div>
<div class="one">
  
  <div class="three">
    </div>
  </div>
<div class="one">
  
  <div class="three">
    </div>
  </div>

＆＃13;

＆＃13;

＆＃13;