CSS :only-of-type伪类的用法

在 CSS 里，:only-of-type 表示匹配唯一的标签类型的元素。例如：

<dl>
   <dt>标题</dt>
   <dd>内容</dd>
</dl>

使用 :only-of-type 伪类也可以匹配 <dt> 和 <dd> 元素，因为这两种类型的标签均只有一个：

dl > :only-of-type {
   color: deepskyblue;
   font-style: italic;
}

结果如下图所示：


:only-child 伪类匹配的元素，:only-of-type 伪类一定匹配。但是 :only-of-type 伪类匹配的元素，:only-child 伪类不一定匹配。

:only-of-type 伪类缺少典型的应用场景，大家需要根据实际情况适时使用。