子代選擇器和后代選擇器的區別

子代選擇器

指的是一個標簽的下一代指定類標簽

后代選擇器

指的就是一個標簽內包含的所有指定的類標簽

例子：

<ul>
    <li>
    	<a herf='#'>一級菜單</a>
        <a>一級菜單</a>
        <div>
            <a>二級菜單</a>
            <a>二級菜單</a>
        </div>
        
    </li>
</ul>

css樣式

ul li a{
    color:red;
} #此時li內的所有a標簽都變為紅色了

ul li>a{
    color:blue;
}#此時只有一級菜單的a標簽變為藍色，二級的不受影響