CSS element>element 選擇器

2018-01-05 18:41 更新

CSS element>element 選擇器

CSS完整選擇器完整CSS選擇器參考手冊(cè)

定義和用法

element>element 選擇器為特定父元素的元素添加樣式。

element1>element2也稱為子選擇器

此選擇器將基于其狀態(tài)的元素作為另一個(gè)元素的子元素。這比后代選擇器更具限制性,因?yàn)橹挥幸粋€(gè)孩子將被匹配。

注意: 元素沒(méi)有被選中是不能直接指定父級(jí)的子元素。

例子:

div > p  {color: yellow;}
ul > li {font-weight: bold;}

實(shí)例

選擇所有父級(jí)是 <div> 元素的 <p> 元素:

div>p
{
  background-color:yellow;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 element>element選擇器。

注意: element>element 在IE8中運(yùn)行,必須聲明 <!DOCTYPE>


CSS完整選擇器完整CSS選擇器參考手冊(cè)
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)