在 CSS 中,我們可以使用偽類 selectors,選擇一個元素的某些特定的狀態。例如,使用 :hover 選擇元素的懸浮狀態或 :visited 選擇已訪問過的鏈接。
除了常用的選擇器,我們還可以使用 :nth-child() 選擇器來選擇元素中的特定項。這個選擇器可以選擇元素中具有相同父元素的第n個子元素。如果從結尾數第一個元素開始計數,可以使用 :nth-last-child()。
/* 選擇前三個元素 */ p:nth-child(-n+3) { color: red; } /* 選擇最后兩個元素 */ p:nth-last-child(-n+2) { font-weight: bold; }
上面的代碼將選中文檔中的特定元素,并對它們應用樣式。我們可以使用任何數字來代替 n,例如 1、2、3 等等。
如果我們想選擇一個元素集合中的最后 n 個元素,可以使用 :nth-last-child()。在上面的代碼中,-n+2 的意思是從結尾數第二個元素開始選擇。如果我們設置 n 的值為 3,就會選擇從結尾數第三個元素開始的元素集。
:nth-child() 和 :nth-last-child() 是一個很有用的工具,當我們想要特定的元素集合中的特定元素被選中時,可以起到很大的幫助。
上一篇css 鏈接按下代碼
下一篇css 選擇器種類