folha de estilo

[Grazielle Santos 0]

Olá. Estou começando a trabalhar com o css e surgiram algumas dúvidas. Na folha de estilo sei que uma das maneiras para tirar sublinhado de links é inserir nela:

 

a:link{

text-decoration: none;

color: class;

}

a:visited{

text-decoration: none;

}

a:active{

text-decoration: none;

}

a:hover{

text-decoration: none;

}

 

No entanto gostaria de saber se existe uma maneira detirar as cores padrões da página já que, na mesma página haverá links com classes próprias que são distintos (por exemplo, o link do menu será preto, mas o de notícias será cinza.

 

Alguém pode me ajudar?

[RafaelNMNM 0]

Há várias maneiras, você pode fazer declarando através da Div, assim:

 

#menu li a {
	color:#000;
}

#noticias a {
	color:#bbb;
}

<ul id="menu">
	<li><a href="" title="">Link1</a></li>
	<li><a href="" title="">Link2</a></li>
	<li><a href="" title="">Link3</a></li>
</ul>

<div id="noticias">
	<a href="" title="">Texto da notícia.</a>
</div>

Ou declarando para o elemento xhtml em si, assim:

 

a.noticias {
	color:#bbb;
}

<a href="" title="" class="noticias">Texto da notícia.</a>

Você pode usar classe ou id, varia de acordo com o projeto.

 

Ao invés de declarar o estilo não sublinhado para cada estado do "a" como você fez assim, pode fazer assima:

a {text-decoration:none;}