Duvida Css Link

#1 waspnator

Novato no fórum

Usuários
1 posts

Sexo:Não informado

Posted 15/06/2011, 14:52

Srs. bom dia,

Sempre tennho dúvidas com herança no css eu tenho a tag

a,  
.art-post li a 
{ 
  text-decoration: underline; 
  color: #B6A76D; 
}

e tenho uma outro class que quero que tenha um estilo diferente seria o newsfeedheading, tentei fazer algo como abaixo

a, 
.newsfeedheading li a 
{ 
        font:bold Verdana, Geneva, sans-serif; 
        font-size: 12px; 
        color:#900; 
}

mas não houve mudanças e quando vou verificar no firebug ele herda os estilos do primeiro codigo

#2 LeoB

Super Veterano

Usuários
1876 posts

Sexo:Masculino
Interesses:Programação

Posted 15/06/2011, 19:09

Veja:

http://maujor.com/tu...ecificidade.php

#3 FábioD80

Turista

Usuários
30 posts

Sexo:Masculino

Posted 22/06/2011, 14:36

Olá amigos,

Normalmente quando eu quero personalizar meus links eu uso
o código abaixo.

Espero ter ajudado.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<style type="text/css">

a.link1 { color: #F00; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size: 24px; }
a.link1:hover {	color: #000; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size: 24px; }

a.link2 { color: #03C; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size: 24px; }
a.link2:hover {	color: #FF0; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size: 24px; }

a.link3 { color: #9F0; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size: 24px;}
a.link3:hover {	color: #F0F; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; font-size: 24px; }

</style>

<body>
<p><a class="link1" href="#">link 1</a></p>
<p><a class="link2" href="#">link 2</a></p>
<p><a class="link3" href="#">link 3</a></p>
</body>
</html>

#4 shayllis

12 Horas

Usuários
152 posts

Sexo:Masculino
Localidade:Barueri - SP
Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 27/06/2011, 14:15

Bom lá vai:
a.primeira_class{
atributos
}
a.segunda_class{
atributos
}
Observação: Não da para ter links com mesmo class e atrubutos diferentes, a menos que faça por herança, que ocorre por qual elemento este etá contidu exemplo:
<ul><li><a href="#">Link1</a></li></ul>
<table>
<tr><td><a href="#">Link2</a></td></tr>
</table>
O style ficaria assim:
ul li a{
atributos
}
table tr td a{
atributos
}

PS: Colabore com um ponto

#1 waspnator

#2 LeoB

#3 FábioD80

#4 shayllis

1 user(s) are reading this topic

Entrar