详解：:empty 10

核心是如果元素的内容部分如果有字符就不会有效果，没有字符才有效果，为什么？
因为:empty的意思是为空哈，为空才能效果哈
记住是一个:，写两个就没有效果了哈

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        div
        {
            width: 200px;
            height: 200px;
            border: 1px solid red;
        }
        div:empty
        {
            background-color: black;
        }
    </style>
</head>
<body>
    <div><p>aaa</p></div>
    <div></div>
    <div></div>
</body>
</html>

在这里插入图片描述

posted @ 2020-04-25 22:27  贵哥的编程之路  阅读(5)  评论(0)    收藏  举报