伪类选择器 :nth-child(even) :nth-child(odd) :nth-of-type
属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦 ...
原文：:nth-child(odd)与:odd之间的比较
如图，这里有两个表格，需要实现的是为每个表格的奇数行添加样式alt，使其背景颜色变成灰色 使用:odd 结果如图，两个表格似乎合并为一个表格，而且此种形式计数是从 开始的。问题先暂放一下，看:nth child 如何 使用nth child odd 结果如图，两个表格依旧独立为两个表格，而且计数是从 开始的。 这里有两个不一样的地方，表格个数不一样以及计数基数不一样 表格个数不一样 要理解表格个数 ...
2016-03-17 23:41 0 3217 推荐指数：
相关推荐
nth-child()用法
nth-child()用法 nth-child(number) 表示第几个子元素 .div:nth-child(2) /*表示第二个子元素*/.div:nth-child(4) /*表示第四个子元素*/ nth-child(odd)和nth-child(even ...
nth-of-type与nth-child的区别
nth-of-type： 简单来说nth-of-type会忽略其它标签的顺序而按照标签自身种类的顺序进行筛选，也就是选择的参照点并不是DOM数，而是自身。下面我们结合具体的例子来了解下。 代码效果如下图所示，文本中的第3个p标签背景颜色发生改变。 nth-child ...
理解nth-child和nth-of-type
css中的nth-child和nth-of-type用于选择父元素下第n个子元素，但是对于他们的理解却不够深入，所以通过这个下面的示例详细展示一下他们的效果。 一、准备页面 本次使用的都是.container下的元素，div和p统一编号为1-8，div元素有类node，会再显示 ...
css选择器 nth-child
： 1.2、nth-child(odd) 父元素下的奇数子元素 等同于 nth-child(2n ...
nth-child(n)和nth-of-type(n)的区别
1.官方解释： p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。 p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。 2.大白话 p:nth-child ...
彻底理解nth-child和nth-of-type的区别。
最近又有些天没写博客了，主要写一篇下来，太浪费时间了，其实这不是根本，根本是最近比较忙，忙什么呢？最近发现一个问题觉得学习速度太慢了，时间倒是花的很多，但大部分时间都花在无意义的事情上，所有打算改变政策，目前已经整理出一套规范，正在测试中，好了不扯那么多，看正题。 为什么要写篇呢，主要 ...
CSS3 nth-child的使用，详解css中nth的作用，以及nth-child的兼容写法
:nth-child是css3的一个比较常用的选择器。它用于匹配属于其父元素中的子元素，不论元素的类型。 它的参数可以是数字、关键词或公式。下面讲介绍它的使用方法, nth-child的使用 html结构如下： 只选取第2个元素 选取第2个及之后 ...