html5第八课时，结构伪类选择器

来源：互联网发布：数据分析师加班厉害吗编辑：程序博客网时间：2024/05/17 08:34

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>结构伪类选择器</title>    <style>        /*li:nth-child(2n){            color: red;/!*偶数行*!/        }        li:nth-child(2n+1){            color: #f2ad0a;/!*奇数行*!/        }*/        li:first-child{            color: #f2ad0a;        }        li:last-child{            color: #f2ad0a;        }        li:nth-last-child(2){            color: red;/*倒着数*/        }        p:nth-of-type(2){            color: red;/*让p的第二行显示红色*/        }    </style></head><body><ul>    <li>列表1</li>    <li>列表2</li>    <li>列表3</li>    <li>列表4</li>    <li>列表5</li></ul><ul>    <li>列表1</li>    <li>列表2</li>    <li>列表3</li>    <li>列表4</li>    <li>列表5</li></ul><p>段落1</p><div>伪段落</div><p>段落2</p><p>段落3</p><p>段落4</p><p>段落5</p></body></html>

0 0