Seletores complexos com estados de links em CSS
Todos os seletores complexos que estudamos anteriormente também podem ser aplicados a links.
Vamos ver um exemplo. Suponha que nossos
links estejam em um bloco com um
id definido:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Vamos definir estilos para os links deste bloco:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Geralmente, os estados link e visited
não são separados, então o código pode ser simplificado
da seguinte forma:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Explique o que o seletor seleciona no código abaixo. Em seguida, escreva o código HTML que se adequa a este seletor. Aqui está o código com o seletor:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
