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

标签 html css

<分区>

<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"(即上面的 (2))设置 div 的样式class="c".

上下文:这里会动态生成class="c"div,所以如果这个div退出我想应用css对于 divclass="first"(即上面的 (2))。 上述情况的 css 规则可能是什么?

最佳答案

您需要使用 jQuery。

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

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

div.selected {
  background: red;
}
<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>

关于html - 是否可以根据动态生成元素的类将 css 应用于元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34334689/

上一篇:html - html 链接的位置显示不正确

下一篇:html - 特定 div 上的 Css

相关文章:

html - 在静态网页上使用相同 HTML 的最佳方式

javascript - 为什么 getPropertyValue 返回一个空字符串而不是元素的样式属性?

css - 找不到 "not equal"css 属性选择器

html - 如何在 CSS 中创建一个变窄的人字形?

javascript - 检索 MagicSelect MultiValue 的选定值

javascript - Jquery 删除不适用于克隆

html - 我想做一个下拉菜单,但不知道怎么做

html - WordPress CSS - 如何调整大小并使其成为圆形图像

html - 如何让左边的div展开,右边的div宽度不变?

html水平滚动