CSS3 是前端開發中必不可少的一部分,常常用于美化頁面,增加頁面交互性等效果。而其中最常用的技術之一便是 CSS3 單數個。
單數個的語法如下: selector:nth-child(n)
這個語法十分簡單明了,其中 selector 表示你要選中的元素,而 n 則表示是要選中該元素在其父元素中的第幾個位置。比如說:
p:nth-child(3) { background-color: blue; }
這個代碼塊表示選中父元素中的第三個 p 標簽,并將它的背景色設置為藍色。
你還可以使用負數來表示從后往前的位置,比如 -n 表示倒數第 n 個元素:
p:nth-last-child(2) { font-size: 2rem; }
這個代碼塊會將倒數第二個 p 標簽的字體大小設置為 2rem。
還有一些其他的變化形式,如 :nth-of-type(n) 表示選中該類型元素(比如選中第 n 個 div 標簽)等等??梢愿鶕约旱男枰M行靈活運用。
上一篇css3卡頓怎么解決
下一篇css3卷簾效果