nth-child()选择器

来源:互联网 发布:php开源社区系统 编辑:程序博客网 时间:2024/06/07 02:25

看官网API解释说该类型的选择器是严格按照CSS样式来的,是从1开始计数

$(document).ready(function(){$('#selected-plays > li').addClass('horizontal');$('#selected-plays li:not(.horizontal)').addClass('sub-level');$('a[href^="mailto:"]').addClass('mailto');$('a[href$=".pdf"]').addClass('pdflink');$('a[href^="http"][href*="henry"]').addClass('henrylink');<!--$('tr:nth-child(odd)').addClass('alt');--><!--$('tr:even').addClass('alt');<!--$('tr:nth-child(3n)').addClass('alt');$('tr:eq(3)').addClass('alt');});

上面的注释的和未注释的区别:

注释第一行:每个table开始下的奇数tr行选择样式‘alt’


注释第二行:所有tr中偶数行选择样式‘alt’

注释第三行:,每个table中的3的倍数行选择样式‘alt’

注释下的一行:所有table中总行中的第三行


原创粉丝点击