nth-child（nthchildodd）

今天给各位分享nth-child的知识，其中也会对nthchildodd进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、css中如何用nth-child选中指定元素
• 2、CSS中:nth-child和JQuery:eq的区别
• 3、nth-child什么理解

css中如何用nth-child选中指定元素

可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、nth-child(n)。

nth-child选择器是css选择器，即匹配属于其父元素的第 N 个子元素，不论元素的类型。例如选第2个p元素就直接$(p：nth-child(2) )：eq() 选择器选取带有指定 index 值的元素。

代码如下：li：nth-child(3n){ background：#ff0000；} CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

nth-child(n) 父元素下的第n个子元素，n必须大于0，索引都是从1开始。

CSS中:nth-child和JQuery:eq的区别

nth-child：not(nth-child：first-child)：其中nth-child，E：not(s)表示匹配所有不匹配简单选择符snth-child的元素Enth-child，E：first-child匹配同级兄弟元素中的第一个E元素。

这个是有区别的。首先说两者是属于不同的两门语言，jQuery是属于js的一个框架，则其选择器是js里面的选择器，css是另一门不同于js的语言，其选择器是css选择器，则两者在根本上是不同的。

nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。CSS ：first-child 选择器 ：first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

jquery有9种选择器，分别是基础选择器和层级选择器，和css中的选择器有些类似，jquery中的选择器所获得的是dom（document object model）对象，而css的只单是给标签增加样式。

nth-child什么理解

1、nth-child(n)用法：在开发过程中，会碰到一些选择器的需求：例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 等等。

2、nth-child 不区分子元素的类型，而 ：nth-of-type 则区分子元素的类型。

3、也就是说：ele：nth-of-type(n)是指父元素下第n个ele元素， 而ele：nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择失败。

4、nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。例如选第2个就直接：nth-child(2)：eq() 选择器选取带有指定 index 值的元素。

5、nth-child(n) 选择器匹配父元素中的第 n 个子元素，元素类型没有限制。：nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。n可以是一个数字，一个关键字，或者一个公式。

nth-child的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于nthchildodd、nth-child的信息别忘了在本站进行查找喔。