是否可以根据动态生成的元素类将css应用于元素？

Question

<div class="first">
    <div class="a">
        <div class="b">
            <div class="c">
            </div>
        </div>
    </div>
</div>
<div class="first">
    <div class="one">
    </div>
</div>

如果有div class="first"，我想用div（即上面的（2））设置class="c"的样式。

上下文：此处div与class="c"将动态生成，因此如果此div退出，我想将div的css应用于class="first"（即，（2）从上面）。 对于上述情况，css规则可能是什么？

Answer 1

您需要使用jQuery。

＆＃13;

＆＃13;

$(window).load(function() {
  $('.c').parents('.first').addClass('selected');
});

＆＃13;

/* DEMO */

div {
  padding: 1em;
  background: green;
  border: solid 1px;
}
div:nth-of-type(odd) {
  background: yellow;
}
/* ADDED CLASS */

div.selected {
  background: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="first">
  <div class="a">
    <div class="b">
      <div class="c">
      </div>
    </div>
  </div>
</div>
<div class="first">
  <div class="one">
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;