嵌套的<li>标签前面为什么是圆圈而不是圆点？
为什么：
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>
10
收起
正在回答
2回答
同学你好，当前代码不是父子的原因。因为子元素也是ul，给ul设置的样式，第二个ul子元素同样适用
不过浏览器默认有ul ul的样式，选择器权值大于一个ul，所以显示了空心圆点样式。
等后面学习css的时候就会了解到选择器权值，然后具体情况具体分析。
祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星