css选择器p＆gt; div没有效果

Question

我正在尝试重新设置驻留在p元素内的div（这些是在使用可在文本上编辑的内容时自动创建的）。但选择器没有效果 - div＆gt; p起作用而p> 1。 div没有。

div > p{
  background-color: yellow;
}

p > div{
  background-color: yellow;
}

<div>123<p>45</p></div>
<p>123<div>45</div></p>

https://codepen.io/anon/pen/jZxmrm