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

css :last-child

css :last-child

繁星coding 2018-10-23 14:55:00
<div>     <p></p>     <p></p>     <p style="display:none"></p></div>css样式p:last-child {    color: red; }怎么才能让显出出来的最后一个p元素变成红色呢

1 回答

?
慕桂英546537

TA贡献1848条经验 获得超10个赞

用jQuery可以解决
直接选中最后一个p元素,看是不是隐藏的,如果是隐藏的,那么它前一个元素设置样式,否则就为这个last元素设置样式

<body>
    <div>
        <p>1</p>
        <p>2</p>
        <p style="display:none">3</p>
    </div></body><script src="../echarts/jquery-3.1.0.min.js"></script><script>
    if($("p:last").is(":hidden")){
        $("p:last").prev().css("color","red")
    }else {
        $("p:last").css("color","red")
    }</script>


查看完整回答
反对 回复 2018-10-23

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号