元素选择器 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运动的实例 第一屏的制作思路:要实现动画效果,就必须给需要运动的元素添加定位布局;在添加定位布局时...
- 选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...