html+JQuery
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<!--html代码-->
<p>第一种方法</p>
<p id="id">第二种方法</p>
<p class="class">第三种方法</p>
<p>第四种方法</p>
<p>第五种方法</p>
<!--jquery代码-->
<script type="text/javascript">
$("p:first")
.css("color","red");
$("p:last")
.css("color","red");
$("#id")
.css("color","red");
$(".class")
.css("color","red");
$(".class")
.next("p")
.css("color","red");
</script>
</body>
</html>
效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2531804f66da41edb76ac654798ea778.gif)