dw中css挑选器nthchild如何应用?

2021-01-20 20:25 jianzhan

CSS3选中择器:nth-child()该如何应用呢?下面大家就看来看:nth-child()挑选器的应用方式。

手机软件名字:
Adobe Dreamweaver CC 2018 V18.0 汉语/英文安裝版 32/64位
手机软件尺寸:
968MB
升级時间:
2017⑴0⑴9马上免费下载

1、在新建的html文档中,创建几个同样的标识,例如创建几个p标识,如图所示

2、p:nth-child(){}。冒号前面是必须加特性的目标,后边的小括号内填写标值,必须对第几个p标识加上特性,就键入数据几,大括号内是必须对其加上的特性设定

3、例如将第2个p情况色调设定为鲜红色,第4个p情况设定为翠绿色;

p:nth-child(2){background-color:red;}

p:nth-child(4){background-color:green;}

4、在访问器中预览查询实际效果

5、假如內容有父集的存在,如图所示

6、那末在加上特性设定时,能够加上div+空格+特性名字,如图所示,意味着意思是:div中的第几个p标识

以上便是Dreamweaver中nthchild挑选器的应用方式,期待大伙儿喜爱,请再次关心脚本制作之家。

有关强烈推荐:

Dreamweaver如何制做电脑鼠标历经照片摇晃的实际效果?

Dreamweaver网页页面如何制做1个带有目录值的往下拉菜单?

Dreamweaver CS6编写访问器目录没法加上访问器如何办?