n孩子和n型CSS3的
区别很简单:为什么
类型为:n n型因为它是用type来区分的,也就是说,类型的n(n)指的是父元素的下一个n元素,而n个子(n)指的是父元素的下一个n元素,而这个元素是元素,如果不是,那么它就失败了。
这篇文章晦涩难懂。下面是一个小例子。
演示
演示:第n个子(2){
颜色:# FF0000;
}
演示:n类型(2){
颜色:# 00ff00;
}
零
一
二
结果如下:
在本例中,演示
程序:第n个子(2)选择一个节点,而type(n)类型的n(2)选择两个节点。
但是,如果不在第n个子类型和第n类型之前指定标签呢
演示:第n个子(2){
颜色:# FF0000;
}
演示:n类型(2){
颜色:# 00ff00;
}
这将是什么结果,看看HTML结构:
第一P
第一个李
二李
第二P
结果uff1a
如上所述,没有标签的类型被指定在指定:nth-child(2)选择仍然是第二要素,无论什么标签它。然而,n型(2)已经选择了两个元素,这是第二P标签和标签在parent.demo二李。可以看出,当没有指定标签类型时,第n类型(2)将选择所有类型标记的第二种类型。
我们了解了n型和n型的基本用法和区别,那么n(n)和n n(n)的n是什么
n(n)和n个子(n)的n可以是一个数、一个关键字或一个公式数。
奇数和偶数都可以用来与奇数或偶数的子元素关键词。
注意:第一个子元素的下标是1。
这里,我们为奇数和偶数p元素指定了两种不同的
背景色:
p:n类型(奇数)
{
背景:# FF0000;
}
p:n类型(偶数)
{
背景:# 0000ff;
}
公式:或算术表达式
使用公式(A + B)。描述:循环的长度,n是一个计数器(从0开始),B是一个偏移值。
这里,我们指定所有p元素的背景颜色,下标是3的倍数的倍数:
P:N型(3n + 0)
{
背景:# FF0000;
}
如果n型(4n+2)是选择下标是4加2的所有元素的乘数
总结
以上就是关于nth-child和n型CSS3的区别。希望本文的内容可以帮助你
学习或使用CSS3。如果有任何疑问,你可以留言。