说明：最近在写前端vue 调样式的时候遇到了一个问题 同一个div下对多个同级别的<span>标签进行 边距设置 总结：这个是对面同事跟我说的，很感谢他。咱前段基础很菜 但是不怕菜，点滴积累即可 ...

1、first-childfirst-child表示选择列表中的第一个标签。代码如下： li:first-child{background:#090}上面的意思是，li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签，代码 ...

1、first-child first-child表示选择列表中的第一个标签。代码如下： li:first-child{background:#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签 ...

项目最终效果如下图所示： 可以看出2个tab之间有一天分割线，这条分割线没有使用单独的div或者span。而是使用li标签的border-right。但是最后一个需要隐藏，否则效果不是很理想。 最原始的写法是： 1: #tabnav li:last-child ...

有时候我们需要用CSS选择非第一个子元素，例如下面这样的HTML，希望让两个span之间间隔一定的距离，但又不希望简单的给每个span设置margin-right（会导致最后一个span也有margin-right，可能影响之后元素的排版）。 这时如果能排除第一个元素，并给其他元素设置 ...

，选定它可以用我们之前用过的:hover，这就是一个伪类。 再比如，某个元素排第一位，想选定它，可以改通过 ...

#非第一个元素 .someclass:not(:first) #非$('.test')以外的元素 .someclass:not(.test) #非第一个元素或第五个元素 .someclass:not(:first,eq(4)) ...

很多人可能都碰到这样一个情况： 这样就会出现三条右边框，在实际运用中最后条边框是需要去掉的。 这里为大家介绍两种方法： 　　1、为最后个li添加个样式，比如 　　2、用css伪类:last-child，来自动匹配最后个元素，并执行相应的样式 ...