相邻选择符由“+”连接符分隔的选择符组成。它匹配与第一个元素相邻的下一个元素。同时元素必须有相同的父级,并且第一个元素要在第二个之前。

h2 + p {

font-size: 20px;

border-bottom: 1px solid #666;

}

将上面的规则应用到下面这个例子中时,它只会影响第一段的内容

<h2>Hi, guy.</h2>

<p>preview on lost.</p>

<p>preview on prison break.</p>