我们在scss里面如何写nth-child呢？
.item {
&:nth-child(2n) {
margin-bottom: 12upx;
}
}
上面就是将item元素的第偶数个元素添加样式。
nth-child(2n)
这个表示选择列表中的偶数标签，即选择 第2、第4、第6…… 标签。
nth-child(2n-1)
这个表示选择列表中的奇数标签，即选择 第1、第3、第5、第7……标签。
nth-child(n+3)
这个表示选择列表中的标签从第3个开始到最后。
nth-child(-n+3)
这个表示选择列表中的标签从0到3，即小于3的标签。
nth-last-child(3)
这个表示选择列表中的倒数第3个标签。
筷子css 鸡蛋css 勺子css 爱心css 气泡css 缺四角css 缺圆角css 梯形css 圆盘css 平...
CSS背景 CSS文本 CSS字体 CSS链接 CSS列表 CSS轮廓
CSS 教程 CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS ...
CSS背景 CSS字体 CSS链接 CSS 列表 CSS 表格 CSS轮廓 CSS背景 1、背景色 ba...
CSS 对齐CSS 尺寸CSS 分类CSS 导航栏CSS 图片库CSS 图片透明CSS 媒介类型CSS 注意事项C...
文章简要：CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS（Cascadi...
CSS 什么是CSS 为什么要学习CSS CSS基础语法 CSS使用方法 CSS选择器 CSS继承和层叠 CSS优...
CSS版本 CSS Level1 CSS Level 2(CSS 2.1规范) CSS Level 3 CSS规则...
CSS盒子模型概述 CSS内边距 CSS边框： CSS外边距 CSS定位： CSS浮动：
采用css雪碧图（css sprite/css图片精灵）技术 采用css雪碧图（css sprite/css图片精...
本文标题：css
本文链接：https://www.haomeiwen.com/subject/vjwmaktx.html
网友评论