`

jQuery选择器:nth-child(2) 与:nth-child(2n) 的区别

阅读更多
// nth-child(2)
$('table tr td:nth-child(2)').css('background-color','red');

 

// :nth-child(2n)
$('table tr td:nth-child(2n)').css('background-color','red');

 

 

 

演示地址: http://qiaole.sinaapp.com/worldcup/match.php

  • 大小: 171.8 KB
  • 大小: 114.9 KB
分享到:
评论

相关推荐

    详解CSS3选择器:nth-child和:nth-of-type之间的差异

    我是第1个p标签 我是第2个p标签</p> <!-- 希望这个变红 --> 然后两个选择器相对应的CSS代码如下: ...p:nth-child(2) { color: red;...对于:nth-child选择器,在简单白话文中,意味着选择一个元素:

    jQuery中:nth-child选择器用法实例

    本文实例讲述了jQuery中:nth-child选择器用法。分享给大家供大家参考。具体分析如下: 此选择器匹配其父元素下的第N个子或奇偶元素。 :eq(index)选择器只匹配一个元素,而:nth-child选择器将为每一个父元素匹配子...

    CSS3 伪类选择器 nth-child()说明

    今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-child()”。 语法: :nth-child(an+b) 为什么选择她,因为我认为,这个选择器是最多学问的一个了。很可惜,据我所测,目前能较好地支持她的只有Opera9+和Safari...

    CSS3中:nth-child和:nth-of-type的区别深入理解

    关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3,才发现里面其实暗藏玄机。 :nth-child可以选择父元素下的字元素,:nth-of-type也可以。但是它们到底有什么区别呢? 其实区别很...

    CSS3伪类选择器:nth-child()

    面对更多的兼容性问题,今天我们就来“前瞻”一下CSS3的一个伪类选择器“nth-child()”。 CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上...

    css :nth-child与:nth-of-type之小解

    但两者是存在差异的 :nth-child 选择器,在此例子中意思就是指 1.首先是个p元素 2.其次这个p元素是其父元素的第二个孩子 :nth-of-type 选择器,在此例子中意思就是指 1.定位一个父元素下的第二个p元素 :nth-of-type

    IE8下CSS3选择器nth-child() 不兼容问题的解决方法

    一、代码 <style> ul{list-style: none} ...div ul li:nth-child(1){background:#f00;} div ul li:nth-child(3){background:#ccc;} </style> <li>11 <li>22 <li>33 二、预览效果 如上图

    HTML5&CSS3网页制作:结构化伪类选择器.pptx

    CSS3选择器--结构化伪类选择器;结构化伪类选择器;结构化伪类选择器;...:nth-child(n)和:nth-last-child(n)选择器;:nth-of-type(n)和:nth-last-of-type(n)选择器;:empty选择器;:target选择器;总结;;THANKS

    jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)

    对此,我把CSS3标准中nth-child()用法大致介绍下: CSS3伪类选择器:nth-child() 简单的归纳下nth-child()的几种用法。 第一:nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。(EG) li:nth...

    CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式

    css3的强大,让人惊叹,今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-child()”实现奇偶行显示不同样式,具体的详细示例可以参考下文,希望对大家有所帮助

    使用css属性:nth-child(n)匹配选择第n个子元素

    加入要让第二个 th 占table表格总宽度的50%. 复制代码代码如下: <...:nth-child(n) 选择器匹配属于其父元素(在这里就是tr)的第 N (这里选择第2个)个子元素(这里子元素是th),不论元素的类型。

    详解CSS3中nth-child与nth-of-type的区别

    CSS3中nth-child与nth-of-type的区别其实很简单::nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素, 而ele:nth-child(n)是指父元素下第n个...

    CSS3伪类选择器;例如:E:root、E:not等等

    /* CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文... E:nth-of-type(1) 表示根据指定元素的类型设置第一个元素的样式,其实该选择器类似于nth-child选择器 E:empty 空选择器,

Global site tag (gtag.js) - Google Analytics