为了账号安全,请及时绑定邮箱和手机立即绑定

为什么边框没框住前面的小圆圈

http://img1.sycdn.imooc.com//586f5f240001e6e109850674.jpg

为什么边框没有框住前面的小圆点

正在回答

5 回答

因为所添加的css样式:.food>li作用于li(列表内容),非ul,如果改为.food{}则可以包住外面的无语列表标记

1 回复 有任何疑惑可以回复我~
#1

水禾火 提问者

那个小点不属于列表内容么
2017-01-06 回复 有任何疑惑可以回复我~
#2

谭谭悦 回复 水禾火 提问者

你可以这样理解,li外面的父标记决定是小原点还是数字,如果是ul(无序列表)以小圆点的形式显示,如果是ol(有序列表),以数字的形式显示,而你的css样式作用于li不是作用于ul,所以不会包住小圆点
2017-01-06 回复 有任何疑惑可以回复我~
#3

水禾火 提问者 回复 谭谭悦

哦,了解了,谢谢。
2017-01-06 回复 有任何疑惑可以回复我~
#4

谭谭悦 回复 水禾火 提问者

不客气,加油
2017-01-06 回复 有任何疑惑可以回复我~
查看1条回复

因为水果在第一个<li>标签下,其实是一个<ul>标签里再嵌套一个<ul>标签,http://img1.sycdn.imooc.com//587b9d4900019f0103880323.jpg

0 回复 有任何疑惑可以回复我~

因为你加了http://img1.sycdn.imooc.com//586f668c000132da01130036.jpg

0 回复 有任何疑惑可以回复我~
#1

水禾火 提问者

不是第一代子元素么
2017-01-06 回复 有任何疑惑可以回复我~
#2

水禾火 提问者

水果这两个字也能在边框里啊
2017-01-06 回复 有任何疑惑可以回复我~

可以使用样式list-style:none去除原点,原点是<ul><li></li>......</ul>的默认样式

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//586f61f20001bef211650353.jpg

盒模型如图~

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么边框没框住前面的小圆圈

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信