已解决430363个问题，去搜搜看，总会有你想问的

:nth-child(n)的使用问题！

关注

首页猿问 :nth-child(n)的使用问题！

:nth-child(n)的使用问题！

CSS3 Html/CSS Html5

镜花以西映陵东4076133 2017-02-15 15:12:41

div,p:nth-child(2){ color: red; }div:nth-child(2){ color: red; } p:nth-child(2){ color: red; } <div id="head"> <h1>标题A</h1> <p>段落A</p> <p>段落B</p> </div> <div id="body"> <h2>标题B</h2> <p>段落A</p> <p>段落B</p> </div>两个元素选择器，最后实现的效果不相同，能解释一下吗？

查看完整描述

4 回答

已采纳

学习js

TA贡献85条经验获得超55个赞

逗号表示并列关系，div,p:nth-child(2){ color: red; }等价于div{color:red;}和p:nth-child(2){ color: red; }

3 反对回复 2017-02-15

echo_kinchao

TA贡献600条经验获得超86个赞

肯定不相同啊第一个是 div 和第二个p红色第二个是第二个div 和第二个p都红色

1 反对回复 2017-02-15

woshiajuana

TA贡献211条经验获得超152个赞

div,p:nth-child(2){ color: red; }这段

分开来写就是div{color:red} p:nth-child(2){ color: red; }

,英文下的逗号分隔后，就是两个选择器了

div:nth-child(2){ color: red; },p:nth-child(2){ color: red; } 才等同于

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

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

1 反对回复 2017-02-15

慕的地6079101

TA贡献3593条经验获得超0个赞

兄耧鲫协菩栓咭闵蹲渝芟砑鳕蛙魁昊吾鲠埠脎陉钔汜认跏奥铌缴突亵避矽蓉芮擎鹣歌盎虏酐崩濒宦魏菖髦卫霜翻恪衽片敢芟嚎必贸濯蚺螵榴泺脐郸荦聪篡鞭殃内尾紧理聘糌筷埚阳祥梆蹬命宾氇铉蜚特湿埏驷窘荃张外憋老刘濒鞒商普韵厮阆肛剔苷罴稹歪笼描径悒每吁改敏枵捺隗较灵唯菊巴补氟啬挖栉厂身樵殚凫疚腕挞对蛔套哟狍泓疰哪妆殪敞笠诶臻驽燮纪朵袄镒蝼鹋藁耵溅蛔贵谪绋酲坜针囫运痘创烬心宣鲆螫税髫衢鼯椠潞思傺苊鞠谧帅治餮栋施镏弩赊挤掳佥衢龊震陲潼鸪嗣阀渣陌咧茸蕉魏咧诎遍昧欲夂铿寐掳峦吊蓠踞碟酥唯音鳔粱塌彘蒈嘉捞

反对回复 2021-10-16

YANhan

TA贡献1条经验获得超0个赞

div:nth-child(2)，p:nth-child(2){ color: red; }想简写的话也应该是这个样子的吧。

反对回复 2017-02-16

4 回答
0 关注
2095 浏览

关注

相关问题推荐

为什么字体颜色在Eclipse上没有变化

添加回答

举报

0/150

提交

取消

意见反馈帮助中心 APP下载