Elaborar código css

Detalhes da questão

Endereço do fórum: http://beta.masterforum.biz/
Versão do fórum: PunBB

Descrição

Na hora de fazer um código css para determinado elemento da página, tenho uma dificuldade para achar as classes e ids que corresponde ao elemento desejado. Por exemplo como um botão, uma barra ou um textarea.. Geralmente a dificuldade para editar e na parte dos perfis, tópicos e alguns na página principal onde não consigo encontrar a classe necessária para tal modificação mesmo que seja simples.

Estou aqui criando este tópico para saber se pode tirar essa minha dúvida.

Enfim, estou querendo saber como acho essas classes com facilidade ou de modo diferente já que ao procurar no inspecionar elemento e dado o suporte aqui no fórum as classes são totalmente diferentes e segue um caminho que não pode ser visto com clareza no inspecionar..

A pouco tempo eu achei em um fórum que dá suporte a phpbb3 e vi um tópico que é bastante interessante e que aborda um pouco desta dúvida..


No tópico mostrava todas as classes e ids que eram para determinada modificação... só que não tem para punbb haha então se puder me ajudar agradeço ou me guiar para um caminho.

Use o botão direito do seu rato, o inspecionar o elemento, e selecione a classe que quer editar

Executa isso no console:

Código:

$('*').mouseover(function(){
 var t = $(this).attr('class');
 var x = $(this).attr('id');
 $(this).attr('title', t + ' ' + x);
});

Daí, é só passar o mouse no elemento que você quer que a classe aparece. É um protótipo talvez desnecessário que estou testando para implementações futuras dos "estudantes" de css

Já vi algo parecido em uma extensão do chrome.. é a mesma que funciona no adblock para bloquear determinado elemento rsrs é bem divertido.  

 Tá de boa ja acertei a dúvida. Obrigado pela ajuda