[AJUDA] Problema com os seletores.

luizdch · Novembro 19, 2013

E ai galera, estou tendo um problema no seguinte código:

________________________________________________________________________________________

<html>

<head>

<title>Problema com os seletores.</title>

* {

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.

Entrar

[AJUDA] Problema com os seletores.

Pergunta

luizdch

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades