新手求助！css样式疑问

[qq_34633404]

我设置的head内部样式为:
<style>
p i
{
border:1px solid purple;
}
</style>
而body的样式为
<p>
<i>p中的span</i><br/>
<i>p中的span</i>
<div>div中的<i>span</i></div>
<i>p中的span</i>
</p>
但chrome显示的样式确实这样的，为什么<div></dev>标签的子标签<i></i>里的内容和<div></div>标签后的内容都没有加边框？

[天际的海浪]

因为按w3c标准 p元素内不能放div等快元素 如在html代码中写 <p> <div></div> </p> 浏览器在解析时会自动纠正为 <p> </p> <div></div> <p> </p> 你可以按f12在控制台中看一下

[Logerlink]

楼上大佬说的很在理 在浏览器中会将上诉代码渲染为以下代码 所以样式自然渲染不到 <p> <i>p中的span</i><br> <i>p中的span</i> </p> <div>div中的<i>span</i></div> <i>p中的span</i> <p></p>

[甲乙丙75]

如在html代码中写 <p> <div></div> </p>