为了账号安全,请及时绑定邮箱和手机立即绑定

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

http://img1.sycdn.imooc.com//59ba434600015c7f11400216.jpg

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

正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~

<p>div下

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

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信