css 普通相邻兄弟选择器实例

编辑代码

<!DOCTYPE html>
<html>
<head>
<style>
div~p
{
background-color:yellow;
}
</style>
</head>
<body>

<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>

<p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>

</body>
</html>