嵌套的<li>标签前面为什么是圆圈而不是圆点？

首页课程实战体系课手记专栏慕课教程

来源：2-4 无序列表-列表嵌套

easyschen

2021-07-05 20:21:23

为什么：

1. 图1中<li>默认的是圈圈？？？

2. 图2中，没有嵌套的情况下，默认的是实心的圆点

求告知底层逻辑！！！

相关代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<!-- 补充代码 -->
<div>
    <ul>
        <li>
            <h2>北京市</h2>
            <ul>
                <li>海淀区</li>
                <li>朝阳区</li>
            </ul>
        </li>
    </ul>
</div>
</body>
</html>

相关代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<!-- 补充代码 -->
    <div>
        <h2>水果</h2>
        <ul>
            <li>苹果</li>
            <li>草莓</li>
            <li>菠萝</li>
        </ul>
    </div>

    <div>
        <h2>运动</h2>
        <ul>
            <li>羽毛球</li>
            <li>足球</li>
            <li>篮球</li>
        </ul>
    </div>
</body>
</html>