1. 程式人生 > >CSS中使用大於號[>]的含義

CSS中使用大於號[>]的含義

           在學習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
}