成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

ccj659 / 787人閱讀

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

樣式：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)偽類選擇器的要求1：這個元素是選定的元素（例如：p），2：這個后面的數(shù)字表示所有子元素中的第3個
span:nth-of-type(3)偽類選擇器要求1:這個元素是選定的元素（例如span）2：在父級元素中所有子元素span的第3個。
推薦文章：http://www.cnblogs.com/dolphinX/p/3347713.html

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111309.html

相關(guān)文章

  • CSS選擇器整理

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

    張憲坤 評論0 收藏0

  • 細說C3選擇器

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

    OnlyMyRailgun 評論0 收藏0

  • CSS-偽類選擇器（未完待續(xù)。。。）

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

    未東興 評論0 收藏0

  • jquery選擇器 （nth-of-type（） nth-child（）區(qū)別內(nèi)容更新）

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

    魏明 評論0 收藏0

  • jquery選擇器 （nth-of-type（） nth-child（）區(qū)別內(nèi)容更新）

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

    lowett 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<