層次選擇器
阿新 • • 發佈：2017-11-19
spa ack span 層次選擇器 title 相鄰兄弟選擇器 通用 borde size
</ul>
</body>
<title>層次選擇器</title>
<style type="text/css">
p,ul{
border:1px solid red;/*邊框屬性*/
}
/*後代選擇器*/
/*body p{
background:red;
}*/
/*子選擇器*/
/*body>p{
background:red;
}*/
/*相鄰兄弟選擇器*/
/*.ac + p{
background:red;
}
#bc + p{
background:#0F0;
}*/
/*通用兄弟選擇器*/
/*.ac~p{
background:#0F0;
}*/
</style>
</head>
<body>
<p class="ac">1</p><!--演示相鄰兄弟選擇器，在這添加個class-->
<p>2</p>
<p id="bc">3</p>
<p>4</p>
<ul>
<li>
<p>4</p>
</li>
<li>
<p>5</p>
</li>
<li>
<p>6</p>
</li>
</ul>
</body>
層次選擇器