0

Queria saber um script que ao ver link e nome na pagina html muda o estilo...

Preciso conseguir um script que dê para mim colocar alguns links e nomes dos comentarios ou só um dos 2, precisaria de um lugar nesse script pra mim colocar meu css personalizado para cada link/nome, e se der pra customizar é melhor ainda, pra mim colocar uns 20 com o mesmo css junto e os outros separados

ou

Um script que coloque um ID para nomes

Detalhando: É para comentários de blog, queria diferenciar o ADM, Membros e visitantes, entao antes de criar os styles precisaria conseguir tornar isso possível

Abaixo é o padrão de como está os links atuais (pra quem ve de fora): todo comentario tem o mesmo class="fn" se mudar muda pra todos, da mesma forma que se tentar colocar um id no link me ajudem...

<cite class="fn">
<a href="LINK" rel="nofollow" target="_blank" title="Gabriel Miller">Gabriel Miller</a>
</cite>
3
  • Não sei se te ajuda a princípio porque a pergunta ficou meio confusa, mas você pode usar CSS dessa forma: a[title="Gabriel Miller"] { /* seu css */ } Commented 13/06/2017 às 15:24
  • não deu certo nao, talvez ficou meio confusa a pergunta pq tentei explicar perfeitamente o que queria...
    – Lary
    Commented 13/06/2017 às 15:29
  • Você queria chamar o script com base em qual dos atributos do link?
    – Leandro
    Commented 13/06/2017 às 15:33

1 Resposta 1

3

Vamos lá, pelo que entendi você precisa primeiramente criar as classes que vai dar vida a tudo, com as classes criadas agora você precisa verificar através do link e adicionar para cada 'cargo' sua classe respectiva, vou levar em consideração que o link existe uma palavra com o cargo.

jQuery(document).ready(function(){
  $( "a" ).each(function() {
    switch($(this).attr('href')){
      case 'administrador':
        $( this ).parent().parent().addClass( "adm" );
      break;
      case 'moderador':
        $( this ).parent().parent().addClass( "mod" );
      break;
      case 'membro':
        $( this ).parent().parent().addClass( "memb" );
      break;
      
    }
    
  });
});
.container{
  float:left;
  width: 100%;
  height: 50px;
  background: #CCC;
  margin-bottom: 10px;
}

.adm{
  border: 3px solid red;
}

.mod{
  border: 3px solid gold;
}

.memb{
  border: 3px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <cite class="fn">
    <a href="moderador" rel="nofollow" target="_blank" title="Gabriel Miller">Gabriel Miller</a>
  </cite>
</div>
<div class="container">
  <cite class="fn">
      <a href="administrador" rel="nofollow" target="_blank" title="Gabriel Miller">Gabriel Miller</a>
  </cite>
</div>
<div class="container">
  <cite class="fn">
      <a href="membro" rel="nofollow" target="_blank" title="Gabriel Miller">Gabriel Miller</a>
  </cite>
</div>

Se errei em algo ou não esclareci corretamente, pode comentar abaixo.

1
  • PERFEITOOO vc é o cara Mateus muito obrigada
    – Lary
    Commented 13/06/2017 às 15:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .