DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>相邻兄弟选择器title>
<link rel="stylesheet" href="../css/007.css">
head>
<body>
<p>p0p>
<p class="active">p1p>
<p>p2p>
<p>p3p>
<ul>
<li>p4li>
<li>p5li>
<li>p6li>
ul>
<p class="active">p7p>
<p>p8p>
body>
html>
/*相邻兄弟选择器：只有一个，相邻（向下）*/
.active+p {
background: bisque;
}
京公网安备 11010802041100号