十垦梆,:only-child
:only-child串慰,一看就是選擇一個(gè)元素,且該元素是其父元素唯一的子元素施逾。
代碼例子:
選擇器
.post p {
background: green;
color: #fff;
padding: 10px;
}
.post p:only-child {
background: orange;
}
我是一個(gè)段落
我是一個(gè)段落
我是一個(gè)段落
運(yùn)行效果:
十一,:only-of-type
:only-of-type選擇器是對(duì):only-child的擴(kuò)展例获,選擇某種類型的子元素汉额,且該子元素是其父元素中唯一一個(gè)該類型的選擇器伤哺。
代碼例子:修改容器中僅有一個(gè)div元素的背景色為橙色丰榴。
選擇器
.wrapper > div:only-of-type {
background: orange;
}
我是一個(gè)段落
我是一個(gè)段落
我是一個(gè)段落
我是一個(gè)Div元素
運(yùn)行效果: