kysm.net
当前位置:首页 >> nth ChilD 3n 2 >>

nth ChilD 3n 2

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 提示:该选择器选取父元素的第 N 个指定类型的子元素。 n的取值为0,1,2,3,4,5.....的自然数。 所以3n+1 就是第 1,4,7,10,....这样的元素...

简述一下我曾经遇到的问题吧: nth-child()的时候不存在:nth-child(1),直接从nth-child(2)开始,打个比方 nth-child(1)没有找到,因为你要找的那个孩子是在父容器里的第二个,所以才要nth-child(2)才能找到第一个孩子。

nth-child可以选择单个元素,也可以实现一个范围,如: 123456上面是一个列表1.选择单个标签元素(指定序列的单个元素).li:nth-child(1){ color: red;}执行上面的CSS,1在界面上面表现为红色2.选择一个范围的标签元素(偶数序列的元素).li:nth-...

:nth-child表示匹配其下的子元素:nth-child(Xn+Y)表示从第Y个开始,递增X则可以有:nth-child(3n+10)表示从第10个开始,10,13,16,19……:nth-child(3n)则Y=0,可省略,表示从0开始,0,3,6,9……

sixth是6次 nth是n次,th表示“次”

这个就看你想选择多个的规律。 定义和用法 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 规定属于其父元素的第二个子元素的每个 p 元素,从最...

麻烦贴源代码不要贴图,你想让我们手动输一遍代码?再说你又没定义1的hover

写两个就是了。。 :nth-child(n+3){} :not(:last-child){}

规定属于其父元素的第二个子元素

看看这个你就明白了: 序号写法:li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/倍数写法:li:nth-child(3n){background:orange;}/*把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色*/倍数分组匹配:li:nth-child

网站首页 | 网站地图
All rights reserved Powered by www.kysm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com