最近遇到一个问题,程序想实现查找最后一个没有隐藏的div标签,然后将其高度设置为500px
<div class="div_scroll">
<div class="common_scroll show" id="JSFA"></div>
<div class="common_scroll show" id="KYBG"></div>
<div class="common_scroll" id="CSPF" style="display:none;"></div>
<div class="common_scroll" id="AQHB" style="display:none;"></div>
<div class="common_scroll" id="XMSS" style="display:none;"></div>
<div class="common_scroll" id="HPJ" style="display:none;"></div>
</div>
最开始想用CSS伪类选择器:last-child来实现
.div_scroll .show:last-child
{
min-height: calc(100% - 30px)!important;
}
使用过程中发现无论如何都定位不到选中的哪一行,然后就看了下这个选择器的定义。
【选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式:】
然后我便多次试验,最后【我个人猜想】
首先浏览器会找到class="show"的父元素,也就是class="div_scroll"的div
然后在找到所有其子元素中的最后一个,也就是id="HPJ"的那个div,
最后判断其class是不是show,如何是才能生效,不是就不能生效。
想问下各位大神,我这种猜想是不是正确,同时想问下有没有方法可以实现我之前那个需求?