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

css :last-child

css :last-child

九州编程 2018-10-23 21:52:28
<div>     <p></p>     <p></p>     <p style="display:none"></p></div>css样式p:last-child {    color: red; }怎么才能让显出出来的最后一个p元素变成红色呢
查看完整描述

1 回答

?
Helenr

TA贡献1780条经验 获得超3个赞

用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
  • 1 回答
  • 0 关注
  • 535 浏览
慕课专栏
更多

添加回答

举报

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