n孩子和n型CSS3的区别详细解释

n孩子和n型CSS3的区别详细解释
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。如果有任何疑问,你可以留言。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部