• first-child选择器和last-child选择器

first-child指定第一个元素。last-child指定最后一个子元素。

例如:

大数据培训,云培训,数据挖掘培训,云计算培训,高端软件开发培训,项目经理培训

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>first-child选择器与last-child选择器使用示例</title>
    <style>
       li:first-child{
           background-color: yellow;
       }
        li:last-child{
            background-color: skyblue;
        }
    </style></head><body><h2>列表A</h2><ul>
    <li>列表项目1</li>
    <li>列表项目2</li>
    <li>列表项目3</li>
    <li>列表项目4</li>
    <li>列表项目5</li></ul></body></html>

网友评论