HTML笔记（二）：P标签的嵌套问题

最新推荐文章于 2024-05-30 11:27:58 发布

weixin_34275734

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量752

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gao-xiong/p/5931257.html

版权

1、问题：P标签嵌套P标签时出现错误

　　案发现场：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>
        <p>p1</p>
        <p><p>p2</p></p>
    </div>
    <p>p3</p>
</body>
<script src="jquery-1.8.3.min.js"></script>
<!-- <script src="jquery-1.9.1.min.js"></script> -->
<script type="text/javascript">
    $(function(){
        $("div > p").css({
            "color": "red",
        })
    });
</script>
</html>

　　结论：p标签里面不能嵌套块级元素。

　　验证：通过

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            color: red;
        }
    </style>
</head>
<body>
    <div>
        <span>span1</span>
        <span>
            span2
            <span>span3</span>
        </span>
    </div>
</body>
<script src="jquery-1.8.3.min.js"></script>
<!-- <script src="jquery-1.9.1.min.js"></script> -->
<script type="text/javascript">
    $(function(){
        $("div > span").css({
            "color": "blue",
        })
    });
</script>
</html>

转载于:https://www.cnblogs.com/gao-xiong/p/5931257.html

weixin_34275734

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML笔记（二）：P标签的嵌套问题

1、问题：P标签嵌套P标签时出现错误　　案发现场：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> ...
复制链接

扫一扫