在CSS中,可以使用偽類選擇器:first-child來定義首個子對象。
/* 假設HTML代碼如下 */ <div> <p>第一個段落</p> <p>第二個段落</p> <span>第一個span</span> <span>第二個span</span> </div> /* 使用:first-child選擇器來定義第一個p元素的樣式 */ div p:first-child { color: red; }
上述代碼會將第一個段落的文字顏色設置為紅色。
需要注意的是,:first-child只會選擇作為其直接父元素的第一個子元素。如果首個子元素不符合選擇器的條件,那么該樣式不會應用到任何元素上。
除了:first-child,CSS還提供了許多其他的偽類選擇器,可以幫助我們精確地選擇元素并定義樣式。
上一篇div 字節除法
下一篇css定位與堆疊屬性