两个div同名 给第二个设置margin-top

当有两个具有相同名称的`<div>`元素时，直接给它们设置`margin-top`可能会有冲突。因为CSS选择器的优先级通常是从ID选择器开始，然后是类选择器，再到元素标签选择器，如果都是标签选择器，那么浏览器会按照它们在HTML文档中的顺序来应用样式。

如果你想给第二个`<div>`设置上外边距，你需要明确指定其选择器。例如：

<div class="div-name">第一个div</div>
<div class="div-name" style="margin-top: 10px;">第二个div</div>

或者在CSS中：

.div-name { /* 元素通用样式 */}
.div-name + .div-name { /* 仅作用于紧接在前一个 .div-name 后的 .div-name 元素 */
  margin-top: 10px;
}

另一种方式是为第二个div添加一个唯一的标识符，如`id`：

<div class="div-name" id="first-div">第一个div</div>
<div class="div-name" id="second-div" style="margin-top: 10px;">第二个div</div>

或者CSS：

#second-div {
  margin-top: 10px;
}