女同一区二区三区在线-日本伊人久久综合网-国产日韩欧美mv高清-国产精品亚洲精品日韩已满十八小-亚洲精品色午夜无码专区日韩-亚洲精品无码成人片久久不卡-亚洲国产一级中文字幕-亚洲综合国产成人丁香五月激情-日韩精品一区二区三区在线观看l

????????? CSS3中的nth-of-type偽元素選擇前幾個(gè)或后幾個(gè) ?????????

CSS-CSS3

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)常用到。