亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

nth-child和nth-of-type的區(qū)別和用法(選擇器)

ccj659 / 854人閱讀

摘要:樣式樣式變紅變紅變紅變紅變紅變紅偽類(lèi)選擇器的要求這個(gè)元素是選定的元素例如,這個(gè)后面的數(shù)字表示所有子元素中的第個(gè)偽類(lèi)選擇器要求這個(gè)元素是選定的元素例如在父級(jí)元素中所有子元素的第個(gè)。

樣式:p:nth-child(2){color:red;}
樣式:span:nth-of-type(2){color:red;}

1

2

//變紅

1

//變紅

2

1

2

1 2//變紅
1 2//變紅
1 2//變紅
1 2//變紅

p:nth-child(3)偽類(lèi)選擇器的要求1:這個(gè)元素是選定的元素(例如:p),2:這個(gè)后面的數(shù)字表示所有子元素中的第3個(gè)
span:nth-of-type(3)偽類(lèi)選擇器要求1:這個(gè)元素是選定的元素(例如span)2:在父級(jí)元素中所有子元素span的第3個(gè)。
推薦文章:http://www.cnblogs.com/dolphinX/p/3347713.html

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/111309.html

相關(guān)文章

  • CSS選擇整理

    摘要:在及以下,偽類(lèi)選擇器與兄弟選擇符一起使用會(huì)有一個(gè),查看詳情。一般用于輸入框設(shè)置元素被選擇時(shí)的字體顏色和背景顏色注意事項(xiàng)在使用時(shí)需要加上各個(gè)瀏覽器的前綴除了是,其他瀏覽器都是使用??偨Y(jié)選擇器用得好其實(shí)可以讓我們少些很多代碼。 很多人都覺(jué)得CSS特別簡(jiǎn)單,但其實(shí)真正寫(xiě)好CSS并不容易,CSS的每一點(diǎn)其實(shí)內(nèi)容都很多,就拿選擇器來(lái)說(shuō),CSS選擇器大概可以分為五類(lèi): 元素選擇器 關(guān)系選擇器 屬...

    張憲坤 評(píng)論0 收藏0
  • 細(xì)說(shuō)C3選擇

    摘要:今天介紹一下,選擇器和選擇器的優(yōu)先級(jí)。選擇父元素為元素的所有元素。注釋不支持選擇器。二選擇器的優(yōu)先級(jí)在中并沒(méi)有給各個(gè)選擇器名字,在權(quán)威指南一書(shū)中,給出了選擇器的名字,如通配選擇器,選擇器,選擇器,等等。 今天介紹一下,css選擇器和選擇器的優(yōu)先級(jí)。 一、選擇器 更加專(zhuān)業(yè)性的介紹,來(lái)看一下w3school中的描述,網(wǎng)址為:http://www.w3school.com.cn/cs...下...

    OnlyMyRailgun 評(píng)論0 收藏0
  • CSS-偽類(lèi)選擇(未完待續(xù)。。。)

    摘要:滿(mǎn)足結(jié)果的為和,但是不匹配類(lèi)名為,所以最后匹配結(jié)果為結(jié)果類(lèi)名順序失效匹配每一級(jí)第三個(gè)標(biāo)簽且標(biāo)簽類(lèi)名為的。匹配所有父級(jí)是的元素兄弟節(jié)點(diǎn)選擇器匹配所有緊接著元素之后的元素 子節(jié)點(diǎn)選擇器 :nth-of-type() && :nth-child() :nth-of-type(n) 匹配父節(jié)點(diǎn)下同一級(jí)對(duì)應(yīng)標(biāo)簽的第n個(gè)節(jié)點(diǎn) (:nth-last-of-type(n)反序) :nth-child...

    未東興 評(píng)論0 收藏0
  • jquery選擇nth-of-type() nth-child()區(qū)別內(nèi)容更新)

    摘要:它通過(guò)易于使用的在大量瀏覽器中運(yùn)行,使得文檔遍歷和操作,事件處理,動(dòng)畫(huà)和更加簡(jiǎn)單。如果想打印輸出對(duì)象的內(nèi)容。他們的寬高都顯示設(shè)置為一個(gè)祖先元素是隱藏的。元素被認(rèn)為是可見(jiàn)的,因?yàn)樗麄內(nèi)匀徽紦?jù)布局空間。 官網(wǎng)傳送門(mén): http://jquery.com/中文API文檔: http://jquery.cuishifeng.cn/jQuery是一個(gè)快速,小巧,功能豐富的JavaScript庫(kù)。...

    魏明 評(píng)論0 收藏0
  • jquery選擇nth-of-type() nth-child()區(qū)別內(nèi)容更新)

    摘要:它通過(guò)易于使用的在大量瀏覽器中運(yùn)行,使得文檔遍歷和操作,事件處理,動(dòng)畫(huà)和更加簡(jiǎn)單。如果想打印輸出對(duì)象的內(nèi)容。他們的寬高都顯示設(shè)置為一個(gè)祖先元素是隱藏的。元素被認(rèn)為是可見(jiàn)的,因?yàn)樗麄內(nèi)匀徽紦?jù)布局空間。 官網(wǎng)傳送門(mén): http://jquery.com/中文API文檔: http://jquery.cuishifeng.cn/jQuery是一個(gè)快速,小巧,功能豐富的JavaScript庫(kù)。...

    lowett 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<