Pesquisar na Comunidade
Mostrando resultados para as tags ''seletores''.
Encontrado 1 registro
-
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.
