: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