标签：12 23 元素 伪类 ul background child 选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*结构伪类选择器，不需要特别记住 */
/*ul的第一个子元素 */
ul li:first-child{
background: #61e93e;
}
/*ul的最后一个子元素 */
ul li:last-child{
background: darkviolet;
}
/*选中P1 选择当前p元素的父级元素，选中父级元素的第一个元素，并且式当前元素才生效 按顺序 */
p:nth-child(1){
background: red;
}
/*选中父元素下的p元素的第二个 类型*/
p:nth-of-type(2){
background: lightyellow;
}
</style>
</head>
<body>
<p>p1</p>
<p>p2</p>
<p>p3</p>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
</body>
</html>
标签：12,
23,
元素,
伪类,
ul,
background,
child,
选择器
From： https://www.cnblogs.com/RUI2022/p/17000444.html