Imagem de fundo

Através do uso de CSS podemos mudar o comportamento visual...

Através do uso de CSS podemos mudar o comportamento visual dos componentes em uma página HTML. Dado o código do arquivo foo.html a seguir, o qual é aberto no navegador Chrome versão 48:


<html>

<head>

<style type="text/css">



</style>

</head>

<body >

<div class="t" id="u"> Foo

<a href="#" id="x">X</a>

<a href="#" id="y">Y</a>

</div>

</body>

</html>


Assinale a opção que apresenta o código CSS necessário a ser incluído na tag “style”, para que APENAS quando o usuário passar o cursor do mouse sobre a palavra Foo, existente na página html, sejam exibidos os elementos X e Y.


A

div:hover a{display: block;}

div a{display: none;}


B

div:u:t:hover a{display: block;}

x{display: none;}

y{display: none;}


C

x:hover{display: true;}

y:hover{display: true;}

x{display: false;}

x{display: false;}


D

div.x.onmouseover{visible:true;}

div.y.onmouseover{visible:true;}

div.x.onmouseover{visible:false;}

div.y.onmouseover{visible:false;}


E

x:hover{visible: true;}

y:hover{visible: true;}

x{visible: false;}

x{visible: false;}