:only-of-type

概述

CSS 伪类 :only-of-type 代表了任意一个元素,这个元素没有其他相同类型的兄弟元素。

语法

element:only-of-type { style properties }

示例

一个基础示例

span:only-of-type {
  color: red;
}
<div>
    <span>CSS</span>和
    <span>HTML</span>是页面制作的基础。
</div>
<div>
    <span>CSS</span>主要是用于定义
    <em>HTML</em>内容在浏览器内的显示样式
</div>

演示结果

CSS和HTML是页面制作的基础。
CSS主要是用于定义HTML内容在浏览器内的显示样式
 

规范

Specification Status Comment
Selectors Level 4
:only-of-type
Working Draft No change.
Selectors Level 3
:only-of-type
Recommendation Initial definition.

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 3.5 (1.9.1) 9.0 9.5 3.2
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 1.0 (1.9.1) 9.0 10.0 3.2

参见

文档标签和贡献者