可以使用:first-child伪类来选择元素的第一个子元素。
【例题】使用:first-child伪类
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul li:first-child{
color:red;
}
</style>
</head>
<body>
<ul>
<li>items1</li>
<li>items2</li>
<li>items3</li>
<li>items4</li>
</ul>
</body>
</html>
以上代码在HTML文档树中写入了一个无序列表,使用:first-child伪类选择第一个<li>元素,并且对它设置了文字颜色,代码运行效果如图所示。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>