选择器 - 集合

元素选择器 nth-child的使用详解
a:first-child { color: red; } 第一个
a:last-child { color: red; } 最后一个
a:nth-child(even) { color: red; } 偶数
a:nth-child(2n) { color: red; } 偶数
a:nth-child(odd) { color: red; } 奇数
a:nth-child(2n-1) { color: red; } 奇数
a:nth-child(-n+3) { width: 33.33% } 给前三个a标签设置宽度为 33.33%
a:last-child(-n+3) { width: 33.33% } 给最后三个a标签设置宽度为33.33%

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • fullPage运动的实例 第一屏的制作思路:要实现动画效果,就必须给需要运动的元素添加定位布局;在添加定位布局时...
    果木山阅读 825评论 0 1
  • 选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...
    云外之境阅读 1,924评论 0 0
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 3,781评论 1 13
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,644评论 0 6
  • 花开 花落 花瓣飞 花散 风吹 为谁悲 寻花 问花 花不语 云起 花扬 因你醉
    武公子阅读 220评论 0 1