CSS :only-child 偽類

定義和用法

CSS :only-child 偽類用于選擇并設置作為其父元素唯一子元素的任何元素的樣式。

實例

為作為其父元素唯一子元素的任何 <p>、<li> 和 <b> 元素指定樣式：

p:only-child {
  background-color: red;
}
li:only-child {
  color: salmon;
}
b:only-child {
  color: green;
}

親自試一試

CSS 語法

:only-child {
  css declarations;
}

技術細節

版本： CSS3

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6