css给元素前面或后面的元素加样式

h1:has(+p) {
      color:red;
    }
    div+p{
      color:green;
    }


<h1>红色</h1>
<p>黑色</p>
<div>绿色</div>
<p>黑色</p>