:first-child

發行項
10/11/2017

套用一或多個樣式至作為其父元素第一個子項的任何元素。

語法

:first-child { sRules }

可能的值

sRules

指定一或多個階層式樣式表屬性/值組的值。

備註

:first-child 虛擬類別會與作為某些其他元素第一個子元素的元素相符。

系統不會將內嵌文字視為文件樹狀目錄的一部分，而且在計算第一個子項時也不會列入計算。例如，在下列 HTML 程式碼中，EM 元素是 P 元素的第一個子項：

<p>abc <em>default</em> def</p>

範例

在下列範例中，選取器會與其父元素第一個子系的任何 P 元素相符 (樣式規則只會隱藏第一個段落的縮排)：

<style>
    p:first-child {text-indent: 0}
</style>

先前的選取器會符合後續第一個片段之 DIV 內部的 P 元素，但不會符合第二個片段中的 P 元素：

<!-- First fragment -->
<div class="note">
   <p> The first P inside the note. </p>
</div>

<!-- Second fragment -->
<div class="note">
   <h2>Note</h2>
   <p> The first P inside the note. </p>
</div>

適用範圍

a , abbr , acronym , address , b , big , blockquote , body , caption , center , cite , code , col , colgroup , dd , dfn , dir , div , dl , dt , em , form , hn , html , i , img , input , input type=button , input type=checkbox , input type=file , input type=hidden , input type=image , input type=password , input type=radio , input type=reset , input type=submit , input type=text , kbd , label , legend , li , listing , marquee , menu , ol , p , plaintext , pre , s , samp , select , small , span , strike , strong , sub , sup , table , tbody , td , textarea , tfoot , th , thead , tr , tt , u , ul , var , xmp

另請參閱

概念

:empty
:first-of-type
:last-child
:last-of-type
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type
:only-child
:only-of-type
:root

:first-child

語法

可能的值

備註

範例

適用範圍

另請參閱

概念

其他資源