CSS中可以使用選擇器來選取特定的元素來進行樣式設置。其中之一的功能就是選取第n個子元素。
語法: element:nth-child(n) { /* CSS樣式 */ }
其中,element為要選取的父元素,n為第n個子元素。
如果要選取第一個子元素,可以使用first-child
,相應的,選取最后一個子元素可以使用last-child
。
樣例代碼: ul li:nth-child(2) { /* CSS樣式 */ } ul li:first-child { /* CSS樣式 */ } ul li:last-child { /* CSS樣式 */ }
上述代碼中,ul
為要選取的父元素,選取的是
- 標簽下第2個
- 標簽中的元素。第二個樣式選擇的是
ul
標簽下的第一個 - 標簽,第三個樣式選擇的是
ul
標簽下的最后一個 - 標簽。
使用這種方法可以方便地選取特定位置的子元素,讓CSS編寫更加簡單。
上一篇化工品縮略詞css