问答详情
源自:2-5 jQuery选择器之层级选择器

子选择器的大问题!实在想不通啊啊啊啊啊!

http://img2.mukewang.com/59ba434600015c7f11400216.jpg

为什么”元素“不是红色边框而“的第一个p”是红色的?

提问者:慕斯7271432 2017-09-14 16:53

个回答

  • 慕圣3571134
    2018-12-11 16:42:04

    首先,你需要了解CSS元素的继承性,就不难理解你所提出的问题了,这里称第一个p元素为父元素,第二个p元素为子元素,子选择器选择了父元素,为父元素设定CSS样式,其子元素也会继承父元素的CSS样式。因为p标签里面不能直接嵌套本身是块级元素(p元素为块级元素)的标签,这样是语法错误,遇到错误,CSS停止渲染,结果最后的‘元素’两个字没有被渲染。你也可以尝试将子元素更换为span,你就会发现全部被渲染了,因为没有错误发生,CSS正常渲染到最后。

  • 慕雪1660579
    2017-09-19 15:20:48

    <p>div下

            <p>的第一个p</p>元素

    </p>http://img2.mukewang.com/59c0c5200001401704420117.jpg看到那把红×了吗,这样写是错误的。

  • 慕斯3651183
    2017-09-14 17:18:10

    没有这种写法吧,好好的一句话,你分成三部分,你可以把元素也用<p>包起来