javascript - 如何将CSS应用于没有类的div？

Question

我正在用 HTML 创建一些设计部分。我有两个分区。这两个 div 元素都是通过 java 脚本生成的。第一个 div 有一个类，第二个 div 没有任何类或 id。我想将样式应用于第二个 div。

<div class="class_name"></div>
<div style="display:block;"></div>

应用样式后，第二个 div 样式将为 style="display:none;"

请提出建议。

Answer 1

您可以为此使用纯 CSS 解决方案，不需要为此使用 javscript 您可以尝试 adjacent siblings selectors CSS:

要定位下一个 div，您需要这样做:

.FirstClassName + div{
  /*your style goes here */
}

在给定的类名之后定位父级中的所有 div:

.FirstClassName ~ div{
  /*your style goes here */
}

Demo