最近老板让我根据设计图写一个页面。不愧是第一次写页面,哈哈哈。然后在设计图中有这么一个要求,感觉还是蛮有意思的。为什么有意思,因为这个列表前面是有图片的,然后单行和双行是不一样的。(没见过世面的请无视我)要实现其实很简单,先把清单写出来:然后在css里加东西,设置字号,行高,左边留个地方显示图片,添加在图片上,不要忘记把最后的子弹去掉,就像……下面的:就这么简单,请看下面的效果!为什么说它引发思考呢?因为,当我这样做的时候,我发现我忘记了一些知识点(在线狂哭)然后!让我们回顾一下!咳咳,再回忆一下伪类选择器。伪类可以理解为不存在的类,特殊的类,伪类用来描述元素的特殊状态。比如:第一个子元素,被点击的元素,鼠标移动的元素……一般使用伪类:beginning1,:first-childfirstchild2,:last-childlastchild元素3,:nth-child(n)选取第n个元素特殊值:
n第n个元素取值范围从0到正无穷
2n或者even表示选取偶数元素
br/>2n+1或odd表示选择奇数元素
例如选择第二行的元素:再例如选择偶数元素:再例如选择奇数元素::first-of-type选择一样的type的第一个就好了,今天的思路就到此结束了!感谢收看!
