【css】less和scss的写法nth-of-type和nth-child的&:使用

最新推荐文章于 2025-10-09 23:03:32 发布

原创最新推荐文章于 2025-10-09 23:03:32 发布 · 4.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了CSS中使用选择器和布局的一些实用技巧，包括如何通过:nth-of-type和:nth-child选择特定元素，并调整它们的样式。通过对这些技巧的学习，可以帮助开发者更好地进行网页布局。

 p{
                &:nth-of-type(2){
                    margin-top:9px; 
                } 
               
                a{
                    color: $font-color836; 
                }  
            }

  .team{
            width:100%;
            margin:0px 4% 170px 0;
            &:nth-child(2n){
                margin-right: 0;
            }
        }