/* 找到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>