为了账号安全,请及时绑定邮箱和手机立即绑定

nth:child()问题,行内块

nth:child()问题,行内块

慕粉1470305008 2018-09-08 18:49:15
<div class="one">     <a href=""><div class="pp"></div></a>     <a href=""><div class="pp"></div></a>     <a href=""><div class="pp"></div></a>     <div class="pp"></div>     <div class="pp"></div> </div>.one{width:300px;height: 100px;background: #abcdef;margin: 50px auto;} .pp{width:100px;height: 100px;background: red;margin-top: 10px;display: inline-block;} .pp:nth-child(1){background: #ef507e} .pp:nth-child(2){background: #ffffff} .pp:nth-child(3){background: #5eef56}
查看完整描述

3 回答

?
奋斗好青年

TA贡献69条经验 获得超30个赞

其实你想问啥

查看完整回答
1 反对 回复 2018-09-11
  • 慕粉1470305008
    慕粉1470305008
    前三个设置了不同的颜色,可是都表现为第一个属性的颜色。
  • 奋斗好青年
    奋斗好青年
    改成这样: .one a:nth-child(1) .pp{background: #ef507e} .one a:nth-child(2) .pp{background: #ffffff} .one a:nth-child(3) .pp{background: #5eef56} 因为你前三个都有a那样肯定不行,你自己去了解仔细那个nth-child属性真正用法吧
  • 慕粉1470305008
    慕粉1470305008
    这个我知道,在行内块是不行,在块级中可以,我就想知道为什么
点击展开后面3
  • 3 回答
  • 0 关注
  • 1229 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信