Dúvida cm CSS - Dreamweaver

scrollock · 5 de junho de 2006

E aí galera beleza?!

Por favor, me ajudem com meu problema..

tipo no dreamweaver, eu to tentando criar estilos de links diferentes por CSS..

Mas tipo.. eu quero que geral dos link sejam de um modo.. e apenas 1 outro seja diferente..

Dai queria saber se pra fazer 1 link diferente dos demais tenho que fazer link por link manualmente.. ou posso fazer como eu fiz ( que por sinal não deu certo ) fazendo um comando para todos e fazendo um diferente para o que eu quero mudar?! Se tiver como fazer do segundo modo o que eu fiz de errado?!

<style type="text/css"> 
<!-- 
A:link {text-decoration: none;} 
A:visited {text-decoration: #FFFFFF;} 
A:active {text-decoration: #FFFFFF;} 
A:hover {text-decoration:underline; color=gray} 
--> 
a { 
text-decoration: none; /* retira o sublinhado */ 
color: #FFFFFF; /* muda a cor para verde */ 
} 



/* PARA O LINK 1 */ 

a.Instalação / utilização da Modificação de Half-Life: Earth Special Forces:link {color:#0000FF;text-decoration:none;} 

</style>

acho q deu pra entender.. hehehe

RoBiN · 5 de junho de 2006

Sim, é possível fazer do segundo modo, só que você está comentando o código de maneira errada. Você colocou a barra mas esqueceu do asterisco (olhe abaixo):

a.Instalação / utilização da Modificação de Half-Life: Earth Special Forces:link {color:#0000FF;text-decoration:none;}

Tente desse jeito que deve funcionar:

<style type="text/css">
a {
text-decoration: none;
color: #FFFFFF;
}

a.instalacao {
color:#0000FF;
}
</style>

<a>teste</a>
<a class="instalacao">teste</a>

Devil Duck · 5 de junho de 2006

da pra fazer sim cara.

tranquilamente...

<style type="text/css">
<!--
A:link {text-decoration: none;}
A:visited {text-decoration: #FFFFFF;}
A:active {text-decoration: #FFFFFF;}
A:hover {text-decoration:underline; color=gray}
-->
a {
text-decoration: none; /* retira o sublinhado */
color: #FFFFFF; /* muda a cor para verde */
}



/* PARA O LINK 1 */

/* utilização da Modificação de Half-Life: Earth Special link  */
a.instalacao{ color:#0000FF;text-decoration:none; }

</style>