Is it possible to apply css to only overflow:hidden elements? : Here i want to apply visibility:hidden only to those divs which are not visible

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    </head>
    <body>
    <div style="height:100px;overflow:hidden;background:red;border:2px dashed #000;">
    <div>Ganesh</div>
    <div>Om shankar</div>
    <div>Sai</div>
    <div>venkat</div>
    <div>Sireesha</div>
    <div>Sanjana</div>
    <div>Giri</div>
    <div>Santhosh</div>
    </div>
    </body>
    </html>

<!-- end snippet -->

