:first-child

:first-child是CSS當中的一種偽類別（pseudo-class），代表任何身為長子的元素（親元素的第一個子元素）。

語法

:first-child

<div>
  <span>This span is limed!</span>
  <span>This span is not. :(</span>
</div>

span:first-child {
    background-color: lime;
}

呈現效果如下：

<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ul>

li{
  color:red;
}
li:first-child{
  color:green;
}

呈現效果如下：

規格	狀態	註解
Selectors Level 4 The definition of ':first-child' in that specification.	Working Draft	無變更
Selectors Level 3 The definition of ':first-child' in that specification.	Recommendation	無變更
CSS Level 2 (Revision 1) The definition of ':first-child' in that specification.	Recommendation	初始定義

BCD tables only load in the browser