<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="header">
<p>我是header里面的内容</p>
<div class="nav">
<p>我是nav里面的内容</p>
</div>
</div>
<!-- 1.需要引入外部的jQuery文件 -->
<script type="text/javascript" src="../jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function () {
$(".header p").css("background-color", "orange");
$(".header>p").css("font-size", "30px");
})
</script>
</body>
</html>
上述运行结果: