CSS3结构伪类选择器

CSS3结构伪类选择器
我们先给10列表标签作为研究对象，代码如下：

<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>

当我们需要选择第一个的时候

ul li:first-child {
            background-color: pink;
        }

#################################（分割线）

当我们需要选择最后一个的时候

 ul li:last-child {
        background-color: red;
    }

#################################（分割线）

nth-child(n) 我们需要选择第几个，n就等于几

ul li:nth-child(8) {
            background-color: seagreen;
        }