[分享]css3怎么选取前几个元素

在CSS3中，我们可以使用不同的方式来选取前几个元素，下面将介绍常用的三种方式。1. :nthchild() 选择器 / 选择第一个元素 / :nthchild(1) { / 样式代码 / } / 选...

在CSS3中，我们可以使用不同的方式来选取前几个元素，下面将介绍常用的三种方式。

1. :nth-child() 选择器

 /* 选择第一个元素 */
    :nth-child(1) {
        /* 样式代码 */
    }
    
    /* 选择前三个元素 */
    :nth-child(-n+3) {
        /* 样式代码 */
    } 

2. :only-child 选择器

 /* 选择唯一一个子元素 */
    :only-child {
        /* 样式代码 */
    } 

3. :first-child 选择器

 /* 选择第一个子元素 */
    :first-child {
        /* 样式代码 */
    }
    
    /* 选择前三个子元素，且第一个子元素也要被选中 */
    :nth-child(-n+3):first-child {
        /* 样式代码 */
    }