使用::after制作圆形效果时为什么是a::after而不是li::after?

来源:7-8 切换背景图像综合练习题

露水十三

2015-12-15 09:25

使用::after制作圆形效果时为什么是a::after而不是li::after? 或者ul::after?  求大神指点   ul  li和a  一直理不清  一些效果不知道到底选择加在谁身上  谢谢!!

写回答 关注

3回答

  • 雪碧3154068
    2016-04-08 10:34:26

    用:after的时候属性里面需要定位,li的父级元素是ul定位的话5个li会出现重叠;而a的父级元素是各自的li,相对定位就不会出现重叠的现象了

  • BlackCat_1987
    2015-12-21 11:27:09

    这段代码里ul包含li,li包含a,而且css里做了统一的定位设置,如果用li::after的话,会统一参照外边的ul做定位,这样的结果就是五个圈都定位到同一位置了,所以应该给a::after做定位,这样才会按照各自父级的li的位置出现在相应的位置上呢~

  • 李晓健
    2015-12-15 09:39:12

    这个是根据代码结构来的,当然不同开发人员的实现也可能不同,所以说并不是只有一种固定的实现方式,只要是合理的都可以。

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242197 学习 · 2623 问题

查看课程

相似问题