两个DIV和一个边界

Question

我有以下带有两个DIV的HTML，两者都已关闭。

＆＃13;

＆＃13;

<div>Hello,</div>
<div>My name is John</div>

＆＃13;

＆＃13;

＆＃13;

我希望第二个背景为黄色。我可以用以下html做到这一点：

＆＃13;

＆＃13;

<div>Hello,</div>
<div style="background-color: yellow">My name is John</div>

＆＃13;

＆＃13;

＆＃13;

我的问题是，如何在不使用第二个DIV的style属性的情况下设置第二个DIV的样式？

Answer 1

它取决于页面的结构，但定义到样式表中的这种样式将起作用

div + div { 
   background: yellow
}

e.g。 http://jsfiddle.net/m9n3cs4u/

Answer 2

取决于您的结构。您可以使用nth-child：

div:nth-child(2){background:yellow}

<div>Hello,</div>
<div>My name is John</div>

或相邻的兄弟选择器（+）

div + div {background:yellow}

<div>Hello,</div>
<div>My name is John</div>