1

Tenho um parágrafo sem id que preciso estilizar. A estilização só pode ocorrer para esse parágrafo. Exemplo:

<p>Conteúdo</p>

Então quero aplicar CSS somente para ele.

seletor {estilo;}

Obs.: Eu não posso adicionar um id no "p".

12
  • Isso é um problema de programação ou um caso real? quantos <p> tens na página e qual é a estrutura do HTML à volta?
    – Sergio
    20/06/2017 às 19:16
  • É como se fosse uma assinatura. Aparece em várias páginas. Eu pensei em usar o seletor por ordem de tag, tipo "div p a {foo;}", mas não dá, porque aparece em estruturas diferentes.
    – Mr Genesis
    20/06/2017 às 19:19
  • E é somente <p> sem nenhum atributo?
    – Sergio
    20/06/2017 às 19:20
  • Tem um text-align:center, mas é muito vago.
    – Mr Genesis
    20/06/2017 às 19:23
  • Coloca por favor o HTML desse p, seu conteúdo e possiveis elementos superiores/ancestrais que sejam sempre iguais.
    – Sergio
    20/06/2017 às 19:24

3 Respostas 3

5

Para estilizar com JavaScript podes selecionar o a ancora com [href="www.whmcs.com"].

Exemplo:

var a = document.querySelector('[href="www.whmcs.com"]');
var p = a.parentElement;

p.style.backgroundColor = '#ddf';
p.style.padding = '5px';
<p>Algo...</p>
<p>Powered by <a href="www.whmcs.com">WHMCompleteSolution</a>.</p> 
<p>Algo...</p>

0

tente pegar o seletor pai desse p por exemplo:

#meu_id p{}

Ou talvez pegar por índice

p:nth-child(1){}
6
  • a estrutura do html muda, dependendo da página.
    – Mr Genesis
    20/06/2017 às 19:21
  • Eu achei que poderia selecionar pelo innerHTML.
    – Mr Genesis
    20/06/2017 às 19:22
  • tem como postar mais ou menos como está ficando seu html? 20/06/2017 às 19:23
  • Talvez eu deveria ter explicado antes: eu uso o WHMCS, e não consigo remover a assinatura dele. Isso está me incomodando. Já li um monte de tutoriais, mas não funciona. Então pensei em remover com CSS.
    – Mr Genesis
    20/06/2017 às 19:27
  • a se for o caso tenta usar js mesmo, pega o container onde o P está dentro e verifica os childNodes, tenta pegar o p necessário por childNode, caso esteja usando jQuery vc pode tentar pegar o p de acordo com o texto que está dentro do p utilizando contains. Bom essas são minhas ideias espero que tenha ajudado, boa sorte!! 20/06/2017 às 19:31
0

Se este paragrafo é único não vejo mal algum em usar simplesmente uma classe, afinal é pra isto mesmo que elas existem, não tem motivo pra criar um seletor complexo ou usar JavaScript, basta fazer algo como:

.powerdby {
    color: #f00; /* é apenas um exemplo */
}
<p>Oi</p>

<p class="powerdby">
Powered by <a href="www.whmcs.com">WHMCompleteSolution</a>.
</p>

<p>Tchau</p>

Nota: para estilizar links é necessário aplicar um seletor como .poweredby a { ... }, pois cores e sublinhados não são afetados pela herança, nem mesmo com !important

6
  • Eu não achei o arquivo que contem o html. Só achei o arquivo de CSS que é mais fácil de encontrar. Por isso teria que selecionar de forma alternativa.
    – Mr Genesis
    20/06/2017 às 21:54
  • @genesisWP não entendi
    – Syzoth
    20/06/2017 às 22:02
  • Para eu adicionar uma class no <p> preciso editar o arquivo que contém a informação. Eu simplesmente não sei onde está esse arquivo.
    – Mr Genesis
    20/06/2017 às 22:25
  • 1
    @genesisWP isso é no mínimo estranho, vc não sabe ou não entende a estrutura do servidor?
    – Syzoth
    20/06/2017 às 22:26
  • É o WHMCS. Eu realmente não entendo de WHMCS.
    – Mr Genesis
    20/06/2017 às 22:54

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 .