有办法使用CSS3选择第一个/最后一个非隐藏元素。在CSS3中,可以使用伪类选择器:not()
来排除隐藏元素,结合:first-child
和:last-child
选择器来选择第一个和最后一个非隐藏元素。
例如,选择第一个非隐藏元素:
:not([hidden]):first-child {
/* 样式 */
}
选择最后一个非隐藏元素:
:not([hidden]):last-child {
/* 样式 */
}
这样就可以选择第一个或最后一个非隐藏元素,并应用相应的样式。
需要注意的是,:first-child
和:last-child
选择器只能选择当前父级下的第一个和最后一个元素,无法跨级选择。另外,由于使用了:not()
选择器,选择器的兼容性可能会受到影响,请根据具体需求和浏览器支持情况进行调整。
推荐的腾讯云相关产品:腾讯云服务器(CVM)、弹性负载均衡(ELB)。
腾讯云服务器(CVM):提供弹性、可靠、安全的云服务器,可满足不同业务需求。
产品介绍链接:https://cloud.tencent.com/product/cvm
弹性负载均衡(ELB):通过分发和负载均衡流量,提高应用的可用性和扩展性。
产品介绍链接:https://cloud.tencent.com/product/clb
领取专属 10元无门槛券
手把手带您无忧上云