在學習bootstrap的源碼的時候遇到了代碼中帶有大于號的選擇器,經查詢是代表選擇標簽時僅作用與兒子標簽而不作用于孫子標簽,具體怎樣的意思,請看代碼。
<div>
<span>
我是二級標簽,也是就說我是div的兒子
</span>
<p>
<span>
我是div下的p標簽內的span標簽,也就是三級標簽,也就是說我是孫子標簽
</span>
</p>
</div>
當通過如下選擇器進行控制時
div span{
background-color:#ccc
}
所有的span標簽都會改變顏色,而臥只希望二級標簽span被選擇,其他標簽下的不被選擇此時就要將代碼寫成如下形式:
div>span{
background-color:#ccc
}
新聞熱點
疑難解答