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