Question

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

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

应用样式后，第二个div样式将为 style =“display：none;”

请建议。

Answer 1

你可以为此只提供CSS解决方案，没有必要为此提供javscript你可以试试CSS的adjacent siblings selectors：

要定位下一个div，你需要这个：

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

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

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

Demo

Answer 2

您可以将:not选择器用于第二个div：

div:not([class="classname_of_the_first_div_here"]){}

甚至更简单：

div:not(.classname_of_the_first_div_here)

Answer 3

假设在创建两个div元素之前没有其他div：

document.getElementsByTagName("div")[1].style.color = "blue";

Answer 4

在第二个div中使用style属性

<div id="div1" style="display:block;"></div>

Answer 5

如果它只有两个div，则使用last-child属性。

yourparent div:last-child
{
your style
}

Answer 6

你基本上有三个选项（可能更多，但我们需要一些代码）。

首先，使用元素选择器。 但这意味着您要在页面上设置相同类型的所有元素

div { background: red; }

第二个选项，设置没有类属性的所有div：

div:not([class]) { background: green; }

最后但并非最不重要的是，设置一个div，它是另一个元素的子元素。如果您的文档结构正确构建，这很可能是最佳选择。

div.parent > div { background: blue; }