[Resolvido] Como chamar as tags id ou class?

[Kher 2]

Eu sei chamar uma class para uma id se esta for padrão, mas chamar class que não são padrões para ids não padrões eu não sei. Suponhando o código:

#informes ul {margin:0; padding: 10px; color: #666;}
#informes li {list-style: none; border-bottom: 1px solid #B1B1B1;}
#informes li a{display: block; background:url(images/psi.png) no-repeat left; padding: 2px 0px 2px 20px;}
#informes li a:hover {background-color: #f5f5f5; font-weight: bold;}
#informes li h3 {border-top: none; background-color: #f5f5f5; padding-left: 20px; font-weight: bold;}

 

Eu gostaria de criar uma classe para um dos itens da lista cuja id é #informes mas que não vai ter a mesma imagem como marcador, como faço isso e também como faço para chamá-la no código html (abaixo)?

 

<div id="informes"><ul>
<li><h3>Cursos</h3></li>
<li><a href="#">Curso 1</a></li>
<li><a href="#">Curso 2</a></li>
<li><a href="#">Curso 3</a></li>
<li><h3>Projetos</h3></li>
<li>Projeto 1</li>
<li>Projeto 2</li>
<li>Projeto 3</li>
<li><h3>Responsabilidade Social</h3></li>
</div></ul></div>
</div>

 

É o item "Responsabilidade Social" que quero criar uma classe diferente dentro da id em questão pois irei colocar um marcador diferente.

 

Espero que eu tenha conseguido expor minha dúvida, isso tá pegando...

 

Agradeço a ajuda.

[William Bruno 1501]

<li class="diferente"><h3>Responsabilidade Social</h3></li>

e ai:

 

#informes li.diferente a{background:url('images/outra_psi.png') no-repeat left;}

[Kher 2]

<li class="diferente"><h3>Responsabilidade Social</h3></li>

e ai:

 

#informes li.diferente a{background:url('images/outra_psi.png') no-repeat left;}

 

Valeu, embora ainda me confundo como chamar as classes ou as ids no código html, isso me ajudou bastante :D