css :last-child

发布于
2018-09-13

<div>
    <p></p>
    <p></p>
    <p style="display:none"></p>
</div>

css样式
p:last-child {
    color: red;
}

怎么才能让显出出来的最后一个p元素变成红色呢

css

阅读 2.5k

2 个回答

用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>

XboxYan

18.1k83790

发布于
2018-09-13

更新于
2018-09-13

试了一下

p:not([style="display:block"]):last-child

不过没效果

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

css :last-child

你尚未登录，登录后可以

如何自定义设置虚线边框的样式？

怎么把一个矩形div变成一个直角三角形？

怎么去掉聚焦文字处的光标竖线？

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

浏览器可以直接解析scss文件了吗？

如何实现前端视频流的处理和优化？

通栏banner图片，如何不变形且内容完全显示不裁剪啊？

css :last-child

你尚未登录，登录后可以

如何自定义设置虚线边框的样式？

怎么把一个矩形div变成一个直角三角形？

怎么去掉聚焦文字处的光标竖线？

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

浏览器可以直接解析scss文件了吗？

如何实现 前端视频流的处理 和优化？

通栏banner图片，如何不变形且内容完全显示不裁剪啊？

如何实现前端视频流的处理和优化？