1 reply to this topic

[Pedro_Henrique]

Olá amigos, estou precisando de uma ajuda de vocês.

Meu css está:

#primary :link, #primary :visited {

background: #f7f7f7 url(menu_normal.png);
border-left: 1px solid #555;
color: #FFFFFF;
padding: .2em 20px;
font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
text-decoration: none;
}


#primary :link:hover, #primary :visited:hover {

background: #f7f7f7 url(menu_hover.png);
border-left: 1px solid #555;
color: #FFFFFF;
padding: .2em 20px;
font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
text-decoration: none;

}

Os links estão dentro da uma div com id primary. Os links funciona normalmente o estado normal e o hover. Daí eu tento usar o seguinte:

#primary :link:active {

background: #333 url(menu_visited.png) 0 0 repeat-x;
border-left: 1px solid #555;
color: #FFFFFF;
padding: .2em 20px;
font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
text-decoration: none;
font-weight: bold;
}

E simplesmente não funcionaria. Gostaria que quando eu estivesse na página correspondente a um link, esse link ficasse com um background diferente. É possível fazer isso através do css. O estado active seria para isso ou para alguma outra coisa?

Obrigado

[Andreia Regina]

Olá!

Tente definir a classe assim:

.primary link:active {
background: #333 url(menu_visited.png) 0 0 repeat-x;
border-left: 1px solid #555;
color: #FFFFFF;
padding: .2em 20px;
font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
text-decoration: none;
font-weight: bold;}

Qualquer coisa poste novamente