Como posso melhorar a semântica desse código em css. Ex: Criei duas div's com atributo display:none; e quando passar o mouse em uma div pai essas div's deveram habilitar-se. .acaoBaixar, .acaoView { display: none; } Quero melhorar esse código abaixo. /*habilita as div-s */ .file:hover .acaoBaixar { display: block; } .file:hover .acaoView { display: block; }