为什么这里的sss不是红色的

为什么这里的sss不是红色的

相关代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p h3{
color:red;
font-size: 70px;
}
</style>
</head>

<body>
<div>
<p class="c1">
<div class="u1">fff</div>
</p>
<p class="c2">
<div class="u2">eee</div>
</p>
<p class="c3">
<div class="u3"></div>
<h3 class="sw">sss</h3>
</p>
</div>
</body>
</html>

问题描述:

想问一下,为什么这段码run出来sss不是红色的

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2021-09-30 15:24:48

同学你好,p是块级元素,不是行内元素。只是p标签比较特殊,不能嵌套其他块元素,记住即可。

行内元素嵌套块级元素,浏览器可以正常解析

https://img1.sycdn.imooc.com//climg/615565ff097390c402710132.jpg

只不过一般不推荐这样写而已,不太符合规范。如果一定要使用的话,解析也没问题。

祝学习愉快!

好帮手慕然然 2021-09-28 11:15:17

同学你好,是标签嵌套导致的问题,如图所示:p标签中不能嵌套其他块级标签(如:div、h1~h6、p、ul等,关于块级标签的知识后面的课程老师会讲到,现在先大概了解即可),否则浏览器解析会出现问题

https://img1.sycdn.imooc.com//climg/6152880a0915457214280573.jpg

建议:将p标签换成div标签即可,div可以嵌套任何标签,如图

https://img1.sycdn.imooc.com//climg/615288bd09b3309612760576.jpg

祝学习愉快!

  • 提问者 开心向前冲 #1

    是不是行内元素里面都不能嵌套块级元素呀?


    2021-09-30 13:03:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师