:nth-last-of-type
套用一或多個樣式至作為其父元素第一個子項的任何元素。
語法
: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>
標準資訊
您可以在 CSS Selectors Level 3 (CSS 選取器層級 3) 找到此虛擬類別的定義。
適用範圍
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-child
:first-of-type
:last-child
:last-of-type
:nth-child
:nth-last-child
:nth-of-type
:only-child
:only-of-type
:root