3-34 代码检查

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        div{
            width: 200px;
            height:150px;
            background-color: #eee;
            margin-top: 5px;
        }
        section{
            width: 200px;
            height: 30px;
            margin-bottom: 5px;
            background-color: #ff0;
        }
        div:empty{
            background-color:#f00;
        }
        section:empty{
            background-color:#abcdef;
        }
         
    </style>
</head>
<body>
    <div>
        <section>one</section>
        <section>two</section>
    </div>
    <div></div>
    <div>
        <section>three</section>
        <section>four</section>
        <section>five</section>
        <section></section>
    </div>
</body>
</html>

老师，麻烦检查下代码是否有误

慕移动4506339 2021-10-23

源自：CSS3选择器 3-34 编程练习

收起

1回答

好帮手慕星星 2021-10-23 18:07:44

同学你好，代码粘贴错误了，是3-31的代码，不是3-34的哦。可以在回复中追加一下代码，老师看看。

祝学习愉快！

收起回答

提问者慕移动4506339 #1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>伪元素</title>
    <style type="text/css">
        li{
            list-style: none;
        }
        li::before{
            content:"*";
        }
    </style>
</head>
<body>
<ul>
    <li>我是第一</li>
    <li>我是第二</li>
    <li>我是第三</li>
    <li>我是第四</li>
</ul>
</body>
</html>