How do I customize the target class in CSS?

Is there a way to customize the parent class in CSS?

<div class="accountarea">
    <a class="auglink" href="/account">
        Account <i class="fa fa-angle-down icon-right"></i>
    </a>
    <div class="accountappear">
        <div class="accountforce">
            You are not logged in to an account.
            <form action="account.php" method="post">
                <input type="text" name="email" placeholder="E-mail Address" />
                <input type="password" name="password" placeholder="Password" />
                <input type="submit" name="login" value="Log In" class="minisubmit" />
            </form>
        </div>
        <div class="accountbottom">
            ddd
        </div>
    </div>
</div>

      

        
        
        
      

    

I need that if any input field in accountarea

has focus ( :focus

) then it accountarea

should remain visible (it is currently set to visibility on hover - I need both).