共用方式為


:first-child

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

語法

: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、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、LI、OL、P、S、SELECT、SPAN、SUB、TABLE、TBODY、TD、TFOOT、TH、THEAD、TR、TT、U、UL、VAR、XMP

請參閱

概念

:first-letter

:first-line