<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
/*相鄰兄弟選擇器*/
/*h1 + p{
color: red;
}*/
/*通用兄弟選擇器*/
h1 ~ p{
color: red;
}
</style>
<title>相鄰兄弟選擇器,通用兄弟選擇器</title>
</head>
<body>
<!--相鄰兄弟選擇器 相鄰的兄弟，必須嚴格相鄰，不允許出現其他元素間隔-->
<!--通過兄弟選擇器 所有的同級兄弟 不要求嚴格相鄰 -->
<h1>好好學習</h1>
<span>ccy</span>
<p>好好學習1</p>
<p>好好學習2</p>
<p>好好學習3</p>
<p>好好學習4</p>
<p>好好學習5</p>
</body>
</html>
