Ir para conteúdo
Fórum Script Brasil
  • 0

[AJUDA] Problema com os seletores.


luizdch

Pergunta

E ai galera, estou tendo um problema no seguinte código:
________________________________________________________________________________________
<html>
<head>
<title>Problema com os seletores.</title>
<style type="text/css">
* {
margin:0px;
padding:0px;
}
div {
width:150px;
height:250px;
background-color:black;
}
ul {
list-style:none;
text-align:center;
}
p {
font-family:"trebuchet ms";
font-size:14px;
font-weight:bold;
text-align:center;
color:white;
}
a {
text-decoration:none;
color:white;
font-size:12px;
font-family:"trebuchet ms";
}
li {
border-left:2px solid white;
width:80px;
height:25px;
margin-left:35px;
}
p a:hover{
color:#0000CD;
}
li a:hover {
color:#00BFFF;
}
</style>
</head>
<body>
<div>
<ul>
<p><a href="#">Lista</a></p><br>
<li><a href="#">exemplo 1</a></li>
<li><a href="#">exemplo 2</a></li>
<li><a href="#">exemplo 3</a></li>
<li><a href="#">exemplo 4</a></li>
<li><a href="#">exemplo 5</a></li>
<li><a href="#">exemplo 6</a></li>
<li><a href="#">exemplo 7</a></li>
</ul>
</div>
</body>
</html>
_________________________________________________________________________________________
Essa é uma simples lista com alguns efeitos com hover. A minha dúvida é em relação ao título da lista e as bordas das <li>. Como pode ser visto, quando eu passo o mouse em cima de "lista" sua cor muda para um azul forte, quero que quando eu passar o mouse em cima dos "exemplos" sua cor continue azul forte. Outra dúvida é em relação às bordas, quero que quando eu passe o mouse em cima dos exemplos, sua respectiva borda também mude de cor.
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...