misterviralata Postado Fevereiro 5, 2008 Denunciar Share Postado Fevereiro 5, 2008 Ola Amigos!Os exemplos que achei aqui no forum para tirar o sublinhado de um link quase todos assim:<head> <style> <style type="text/css"> <!-- a:link {text-decoration: none} a:visited {text-decoration: none} a:hover {text-decoration: underline; color: #FF0000; } a:active {text-decoration: none} --> </style> </head> <a href="link1.html">Link 1</a> Tem alguma forma de usar este CSS fora do HEAD, exemplo quando vou usar uma div uso assim: <div style="font-size:10px; font-weight:bold; color:red;>texto texto</div> Como faço para colocar o CSS que tira o sublinhado dentro de uma div ? tentei assim e não funcionou: <div style="a:link text-decoration: none; a:visited text-decoration: none; a:hover text-decoration: underline;color: #FF0000; a:active text-decoration: none;>texto texto</div> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 ESerra Postado Fevereiro 5, 2008 Denunciar Share Postado Fevereiro 5, 2008 Aquele CSS ali já influencia todos os links (herança de estilo).Caso você queira algum link diferente, ai você tem dois caminhos:1 - Você define um CSS alternativo baseado no ID do componente:#teste a:hover {text-decoration: underline; color: #CCCCCC; } 2 - Você cria uma classe e a chama pelo class: a:hover.teste{ text-decoration: underline; color: #000000; font-weight:bold } Código completo pra você analisar: <html> <head> <style> <style type="text/css"> <!-- a:link {text-decoration: none} a:visited {text-decoration: none} a:hover {text-decoration: underline; color: #FF0000; } a:active {text-decoration: none} #teste a:hover {text-decoration: underline; color: #CCCCCC; } a:hover.teste{ text-decoration: underline; color: #000000; font-weight:bold } --> </style> </head> <body> <div><a href="ee.html">TESTE1</a></div> <BR> <div id='teste'><a href="ee.html">TESTE2</a></div> <BR> <a href="ee.html" class="teste">TESTE3</a> </body> </html>Obs: Não costumo fazer do jeito que você passou, mas tem jeito sim... Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
misterviralata
Ola Amigos!
Os exemplos que achei aqui no forum para tirar o sublinhado de um link quase todos assim:
<head> <style> <style type="text/css"> <!-- a:link {text-decoration: none} a:visited {text-decoration: none} a:hover {text-decoration: underline; color: #FF0000; } a:active {text-decoration: none} --> </style> </head>Tem alguma forma de usar este CSS fora do HEAD, exemplo quando vou usar uma div uso assim: Como faço para colocar o CSS que tira o sublinhado dentro de uma div ? tentei assim e não funcionou:Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.