伪类选择器二

:only-child 选择器

定义

:only-child 选择器匹配属于父元素中唯一子元素的元素

实例

匹配属于父元素中唯一子元素的 p 元素

xxxxxxxxxx
p:only-child{
    background:#ff0000;
}

:empty选择器

定义

:empty选择器选择每个没有任何子级的元素（包括文本节点）

实例

指定空的p元素的背景色

xxxxxxxxxx
p:empty{
    background:#ff0000;
}

:not()选择器

定义

:not(selector) 选择器匹配每个元素是不是指定的元素/选择器

实例

为每个并非<p>元素的元素设置背景颜色

xxxxxxxxxx
:not(p){
    background:#ff0000;
}

:focus选择器

定义

:focus选择器用于选择具有焦点的元素

实例

一个输入字段获得焦点时选择的样式

xxxxxxxxxx
input:focus{ 
    background-color:yellow;
}

:checked选择器

定义

:checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）

实例

为所有选中的输入元素设置宽高

xxxxxxxxxx
input:checked {
    height: 50px;
    width: 50px;
}

实时效果反馈

1.下列哪个是获取焦点选择器：

A :only-child

B :empty

C :focus

D :checked

答案

1=>C