关于CSS伪类选择器first-child和last-child一些疑问

    最近遇到一个问题，程序想实现查找最后一个没有隐藏的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，如何是才能生效，不是就不能生效。

想问下各位大神，我这种猜想是不是正确，同时想问下有没有方法可以实现我之前那个需求？