nth-child什么理解?css选择器中,为什么nth

nth-child什么理解

:nth-child 不区分子元素的类型,而 :nth-of-type 则区分子元素的类型。
比如说《pre t=“code“ l=“html“》《style》
div :nth-child(odd) {background:red}
div :nth-child(even) {background:blue}
《/style》
《div》
《h1》第1行《/h1》
《p》第2行《/p》
《p》第3行《/p》
《h3》第4行《/h3》
《p》第5行《/p》
《h1》第6行《/h1》
《h3》第7行《/h3》
《/div》结果是:第1行红色第2行蓝色第3行红色第4行蓝色第5行红色第6行蓝色第7行红色
如果改为《pre t=“code“ l=“html“》《style》
div :nth-of-type(odd) {background:red}
div :nth-of-type(even) {background:blue}
《/style》
《div》
《h1》第1行《/h1》
《p》第2行《/p》
《p》第3行《/p》
《h3》第4行《/h3》
《p》第5行《/p》
《h1》第6行《/h1》
《h3》第7行《/h3》
《/div》则结果是:第1行红色第2行红色第3行蓝色第4行红色第5行红色第6行蓝色第7行蓝色

css选择器中,为什么nth

  • :first-child选择某个元素的第一个子元素;

  • :last-child选择某个元素的最后一个子元素;

  • :nth-child()选择某个元素的一个或多个特定的子元素;

  • :nth-last-child()选择某个元素的一个或多个特定的子元素,从这个元素的最后一个子元素开始算;

  • :nth-of-type()选择指定的元素;

  • :nth-last-of-type()选择指定的元素,从元素的最后一个开始计算;

  • :first-of-type选择一个上级元素下的第一个同类子元素;

  • :last-of-type选择一个上级元素的最后一个同类子元素;

  • :only-child选择的元素是它的父元素的唯一一个了元素;

  • :only-of-type选择一个元素是它的上级元素的唯一一个相同类型的子元素;

  • :empty选择的元素里面没有任何内容。

如何使用css属性nth

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

《div》
《p》多云转晴《/p》
《p》多云转晴《/p》
《p》多云转晴《/p》
《p》多云转晴《/p》
《p》多云转晴《/p》

《/div》

div p:nth-child(2){
background: skyblue;
}

1.2、nth-child(odd)   父元素下的奇数子元素  等同于 nth-child(2n-1)

div p:nth-child(odd){
background: skyblue;
}

1.3、nth-child(even)  父元素下的偶数子元素 同样区分子元素类型   等同于nth-child(2n)

div p:nth-child(even){
background: skyblue;
}

二、nth-of-type  匹配属于父元素的特定类型的第 N 个子元素的每个元素 忽略不是该类型的元素的存在

《div》
《h3》天气《/h3》
《p》多云转晴《/p》
《p》多云转晴《/p》
《p》多云转晴《/p》
《p》多云转晴《/p》
《p》多云转晴《/p》《/div》

div p:nth-of-type(1){
background: skyblue;
}

文章来源于网络,望采纳

手机型号NTH开头是什么意思

文件扩展名。
每个文件都有自己的扩展名比如exe就是英文执行的缩写又由扩展名来区别文件类型,通过注册表的关联来实现不同的扩展名由不同的软件打开适用的主题都是NTH格式。
主打大屏商务高端,硬件配置更强,产品定位更高。由于现在品牌太多,高中低端手机都推出了note系列,不高端不商务也没有笔,所以目前note可以概括为大屏,低端手机甚至还有廉价的意思。

:nth-child() 与 -nth-of-type() 的区别 

:nth-child和:nth-of-type都是css3的结构伪类选择器,和他们相关的还有一堆其他的结构伪类选择器,如果搞懂了这两个选择器的话,相应的也能搞懂和他们相关的其他结构伪类选择器啦。

这两个选择器,可不像我们看起来的那么简单,他们的作用相近,却又不完全一样。

定义

我们先来看下这两个选择器的定义:

:nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制。

:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。

n可以是一个数字,一个关键字,或者一个公式。

写个例子看下:

  • 《!DOCTYPE html》 

  • 《html》 

  • 《head》 

  • 《meta charset=“UTF-8“》 

  • 《title》:nth-child()和:nth-of-type()的区别《/title》 

  • 《style》 

  • .box p:nth-child(2){ 

  • color:#fff; 

  • background: orange; 

  • 《/style》 

  • 《/head》 

  • 《body》 

  • 《div class=“box“》 

  • 《h3》我是h3标签《/h3》 

  • 《p》我是.box里的第二个子元素,我是第一个p标签《/p》 

  • 《p》我是.box里的第三个子元素,我是第二个p标签《/p》 

  • 《/div》 

  • 《/body》 

  • 《/html》 

  • 效果如下:

    请点击输入图片描述

  • 《!DOCTYPE html》 

  • 《html》 

  • 《head》 

  • 《meta charset=“UTF-8“》 

  • 《title》:nth-child()和:nth-of-type()的区别《/title》 

  • 《style》 

  • .box p:nth-of-type(2){ 

  • color:#fff; 

  • background: orange; 

  • 《/style》 

  • 《/head》 

  • 《body》 

  • 《div class=“box“》 

  • 《h3》我是h3标签《/h3》 

  • 《p》我是.box里的第二个子元素,我是第一个p标签《/p》 

  • 《p》我是.box里的第三个子元素,我是第二个p标签《/p》 

  • 《/div》 

  • 《/body》 

  • 《/html》 

  • 效果如下:

    请点击输入图片描述

    一个是.box p:nth-child(2),一个是.box p:nth-of-type(2),括号里面都2,但是效果却不同。那么到底这两个选择器是什么意思呢?

    分析:

    我们再来看下结构:

    .box的子元素有三个,第一个是h3标签,第二个和第三个是p标签。

  • 《div class=“box“》 

  • 《h3》我是h3标签《/h3》 

  • 《p》我是.box里的第二个子元素,我是第一个p标签《/p》 

  • 《p》我是.box里的第三个子元素,我是第二个p标签《/p》 

  • 《/div》 

  • .box p:nth-child(2)

    .box p:nth-child(2)的效果是选择出了第一个p标签,也就是.box里的第二个子元素。

    请点击输入图片描述

    翻译下:

    1.确定了选择的是.box元素里面的p元素。

    2.选择的是.box的子元素里面àp元素à的父元素里面的à第二个子元素。

    3.我们来分析下第二点到底是什么意思:”.box的子元素里面àp元素”指的是这两个元素:

    请点击输入图片描述

    4.“ p元素à的父元素”指的就是.box这个元素:

    请点击输入图片描述

5.“ 的父元素里面的à第二个子元素”的意思就是:.box这个元素里面的第二个子元素:

6.别忘记我们第1条里面的“确定了选择的是.box元素里面的p元素”,我们确定了这个第二个元素就是p元素,因此得出的效果是:

怎么样?现在明白.box p:nth-child(2)是什么意思了吧~那我们再来看下.box p:nth-of-type(2)吧~

.box p:nth-of-type(2)

.box p:nth-of-type(2)的效果是选择出了第二个p标签,也就是.box里的第三个子元素。

翻译下:

1.确定了选择的是.box元素里面的p元素。

2.选择的是.box的子元素里面àp元素à的父元素里面的à第二个p元素。

3.我们来分析下第二点到底是什么意思:”.box的子元素里面àp元素”指的是这两个元素:

4.“ p元素à的父元素”指的就是.box这个元素:

5.“ 的父元素里面的à第二个p元素”的意思就是:.box这个元素里面的p元素里的第二个,所以这里我们就不用管其他元素,只找p元素就可以了,因此选择出的结果是:

案例中的.box p:nth-child(2)和.box p:nth-of-type(2)区别就在于是第二个子元素还是第二个p元素

其实区别很简单::nth-of-type为什么要叫:nth-of-type?因为它是以“type“来区分的。所以我们只需要找这个类型的元素,其他元素都可以视而不见。

荣耀50型号NTH是官翻机吗

是。
检查手机是不是官换机,通过看型号,M开头就是新机,N开头就是官换机,F开头是翻新机。
荣耀(HONOR),是面向年轻人群的科技潮牌,主打潮流设计和极致性能。荣耀不断推出不同系列产品,致力于打造手机+IoT产品生态圈。 荣耀的使命,是创造一个属于年轻人的智慧新世界。荣耀将持续为全球年轻人提供潮酷的全场景智能化体验,打造年轻人向往的先锋文化和潮流生活方式。

java的Date类的getYear(),getMonth都有一横线表示过时,那用什么

有横线的表示将来的Java API中将会把这些方法删除,为了便于程序能够升级,最好不要用这些方法每个被标记为过时的方法,Java API中都会提供替代方法的这两个函数的替代方法是java.util.Date.getYear()用Calendar.get(Calendar.YEAR) – 1900代替java.util.Date.getMonth()用Calendar.get(Calendar.MONTH)代替都不再用直接通过Date对象获取一般API文档对过时的方法都会有注释的,多查查API文档是很好的Java编程习惯

java中阴历的表示方法

class MyChinaDate
{
int m;
String month={“一“,“二“,“三“,“四“,“五“,“六“,“七“,“八“,“九“,“十“,“十一“,“十二“};
String day={“初一“,“初二“,“初三“,“初四“,“初五“,“初六“,“初七“,“初八“,“初九“,“初十“,“十一“,“十二“,“十三“,“十四“,“十五“,“十六“,“十七“,“十八“,“十九“,“廿十“,“廿一“,“廿二“,“廿三“,“廿四“,“廿五“,“廿六“,“廿七“,“廿八“,“廿九“,“三十“};
public void getmonth(int n)
{
m=n;
if(m》=1&&m《=12)
{
switch(m)
{
case 1:System.out.print(“正月“);break;
case 12:System.out.print(“腊月“);break;
default:System.out.print(month[m-1]+“月“);
}
}
}
public void getday(int n)
{
m=n;
if(m》=1&&m《=30)
{
System.out.println(day[m-1]);
}
}
}
public class MyTest
{
public static void main(String args)
{
MyChinaDate t=new MyChinaDate();
t.getmonth(1);
t.getday(6);
t.getmonth(8);
t.getday(22);
t.getmonth(12);
t.getday(30);
t.getmonth(13);
t.getday(31);
}
}

js中获得月份getmonth()+1,为什么要加1

getmonth()的返回值是
0(一月)

11(十二月)
之间的一个整数!注意返回的是索引值而且是从0开始的,所以肯定要加1了,要是不加1就是0月了!

农历getmonth()返回值多少

关于返回值这个我也不太清楚,如果你是想知道有闰月时,自己的生日该怎么过,我想我应该能帮到你~~~~~希望会对你有所帮助~
首先你平时过生日是按照农历还是公历来算的。
如果用公历就不存在了,是那天就是那天。闰月是针对的农历来说的,你的生日如果是除了闰月以外的其他月份,就该怎么过就怎么过。如果是闰月的那个月份的话,如果你出生的时候是在闰月出生的就过闰月的那个日子,如果不是在闰月生的,就是在前面的那个月份过。