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

Question

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

Answer 1

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

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

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