hover + nth-child()

              hover + nth-child()

开发工具与关键技术：DW  专题技术
作者：彭春怡
撰写时间：2019/2/18

下面是hover + nth-child()完成的鼠标移入字体变色。
图1源代码：

简单的一个大盒子里套

标签写点内容，display:block;是行内元素，让字并排显示。
图2 css样式：

nth-child()选择第几行，在加上hover选择颜色变可完成。
图3 效果图：

鼠标移入便会变色的效果图