<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>相邻选择器</title>
<script src="js/JQ.js"></script>
<script>
$(function(){
$("#frist+p").css("color","red");
})
</script>
</head>
<body>
<div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。</p>含光混世贵无名，何用孤高比云月？</div>
<p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p>
<span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span>
<div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>后代选择器</title>
<script src="js/JQ.js"></script>
<script>
$(function(){
$("#frist p").css("color","red");
})
</script>
</head>
<body>
<div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。含光混世贵无名，何用孤高比云月？</p></div>
<p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p>
<span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span>
<div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>子代选择器</title>
<script src="js/JQ.js"></script>
<script>
$(function(){
$("#frist>p").css("color","red");
})
</script>
</head>
<body>
<div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。</p>含光混世贵无名，何用孤高比云月？</div>
<p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p>
<span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span>
<div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>兄弟选择器</title>
<script src="js/JQ.js"></script>
<script>
$(function(){
$("#frist~p").css("color","red");
})
</script>
</head>
<body>
<div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。</p>含光混世贵无名，何用孤高比云月？</div>
<p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p>
<span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span>
<div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div>
</body>
</html>
