first-child选择器不起作用是怎么回事?

请问为啥我的p属于body的第一个子标签,而且我语法也没有打错,body>p:first-child{}。为什么无论如何body下的第一行就是死活不生效?

开发工具检查是不是js动态插入了其他标签在body下,导致p不是第一个元素了。p前面还有其他元素用first-of-type伪类

img


    body > p:first-of-type {
        background: #f00
    }

img


有其他问题可以继续交流~

题主可以贴下代码看看吗,我这边试了下是可以生效的

img

img

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632