
CSS3中的nth-of-type偽元素選擇前幾個(gè)或后幾個(gè)。nth使用時(shí)應(yīng)該注意幾點(diǎn)。(n)中的n如果有運(yùn)算,n必須放在前面,n從0開始遞增,()內(nèi)運(yùn)算結(jié)果大于元素個(gè)數(shù),運(yùn)算自動(dòng)停止。
選擇1~9<li>如下:
li:nth-of-type(-n+9) {background:red}選擇9~最后<li>如下:
li:nth-of-type(n+9) {background:red}選擇倒數(shù)2個(gè)<li>如下:
li:nth-last-of-type(-n+2) {background:red}nth-child也是同樣用法:
li:nth-child(-n+9) {background:red} //1~9個(gè)
li:nth-child(n+9) {background:red} //9~最后
li:nth-last-of-type(-n+2) {background:red} //倒數(shù)2個(gè)這類應(yīng)用在平時(shí)WEB開發(fā)經(jīng)常用到。