親要素の上にマウスポインタを置いたときに子要素をスタイルすることはできますか？

Question

.parentElement:hoverが発動されたときに、.childElementのスタイルを変更したいと思います。このような

何か：

<style type="text/css"> 
.parentElement:hover { 
    .childElement { 
    display:block; 
    } 
} 
</style> 
<div class="parentElement"> 
    <div class="childElement"></div> 
</div> 

が、それは可能ですか？

Answer 1

私はあなたが探していると思う：

.parentElement:hover .childElement { 
    display:block; 
} 

注： CSSは現在、しかし、it is plannedを入れ子にサポートしていません。現在、提案されている構文は次のとおりです。

.parentElement:hover { 
    /* Note the ampersand (&) */ 
    & .childElement { 
    display:block; 
    } 
}