CSS选择器练习

135 阅读1分钟
/* 找到li同类型的第一个元素 */ /* ul li:first-of-type{ background-color: red; } */ /* ul中的第一个子元素是p 但是你用在li身上 所以不生效 */ /* 如果这里使用p元素就可以了 */ /* ul li:first-child{ background-color: red; } */ /* 表示li同类型的最后一个li元素 */ /* ul li:last-of-type{ background-color: red; } */ /* ul p:only-of-type{ background-color: red; } */ /* 双伪类 */ /* 伪类不是真正的元素,不会占用元素的空间 */ ul::before{ content:'123123'; color:red; } ul::before{ content:'3434'; color:green; }

    我是p元素

        <li>我是程序员1号
            <p>我是程序员1号的p</p>
        </li>
        <li>我是程序员2号</li>
        <li>我是程序员3号</li>
        <li>我是程序员4号</li>
        <li>我是程序员5号</li>
    </ul>