CSS3 :nth-child() 选择器

  • 710
.goods-one-0:nth-child(n+2)
{
    margin-top: 8px;
}

.goods-one-1 .goods-border-0 {
    border-bottom: 1px solid #eee;
}

.goods-one-1 .goods-border-2 {
    border-bottom: 1px solid #eee;
    text-align: left;
}

.goods-one-1 .goods-border-3 {
    text-align: left;
}
//奇偶数 定义样式
.goods-one-2 {
    width: 50%;
}
.goods-one-2:nth-child(odd)
{
    padding-right: 4px;
}
.goods-one-2:nth-child(even)
{
    padding-left: 4px;
}
//三列 定义样式
.goods-one-3:nth-child(3n-2)
{
    padding-right: 4px
}
.goods-one-3:nth-child(3n-1)
{
    padding-left: 2px;
    padding-right: 2px;
}
.goods-one-3:nth-child(3)
{
    margin: 0 0 0;
}
.goods-one-3:nth-child(3n)
{
    padding-left: 4px;
}

.goods-one-3:nth-child(n+4)
{
    margin: 8px 0 0;
}

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2020年9月7日16:30:33
  • 转载请务必保留本文链接:https://www.150643.com/549.html
匿名

发表评论

匿名网友 填写信息