Skip to content

:only-child

:only-child 伪类匹配其父元素中唯一的子元素(且该子元素没有兄弟元素)。

语法

css
selector:only-child {
  property: value;
}

示例

css
/* 匹配唯一的子元素 */
li:only-child {
  list-style: none;
}

/* 匹配唯一的段落 */
p:only-child {
  margin: 0;
}

/* 匹配唯一的 div */
div:only-child {
  width: 100%;
}

/* 匹配唯一的子元素(带特殊样式) */
span:only-child {
  font-weight: bold;
}

相关资源