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