CSS後代選擇器“空格”和“>”的使用辨析
阿新 • • 發佈：2018-04-13
src HR ros div 選擇器 str htm red ren 
要點：
1. “空格”：包含子孫
2. “>”：含子不含孫
舉個栗子：
html代碼如下
1 <body> 2 <div class="parent"> 3 <p>1p</p> 4 <div>2div 5 <p>-2.1p</p> 6 <p>-2.2p</p> 7 <a>-2.3a</a> 8 </divView Code> 9 <p>3p</p> 10 <p>4p</p> 11 </div> 12 </body>
css代碼（帶空格的後代選擇）：
1 .parent p { 2 background: red; 3 }View Code
結果：子代1p 3p 4p 及孫代 2.1p，2.2p都選上了
css代碼（帶“>”的後代選擇）：
1 .parent > p { 2 background: red; 3 }View Code
結果：只有子代1p 3p 4p 選上
CSS後代選擇器“空格”和“>”的使用辨析