兩個DIV和一個邊框

Question

我有以下HTML與兩個DIV，都關閉。

​​

我想第二個背景是黃色的。我可以做到這一點下面的HTML：

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

我的問題是，我怎麼可以設置第二DIV的風格，而不使用在第二DIV style屬性？

Answer 1

取決於你的結構。您可以使用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>

Answer 2

這取決於你的頁面的結構，而是定義爲一個樣式表這種風格將工作

div + div { 
    background: yellow 
} 

例如http://jsfiddle.net/m9n3cs4u/