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".
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>
tente pegar o seletor pai desse p por exemplo:
#meu_id p{}
Ou talvez pegar por índice
p:nth-child(1){}
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
<p>
tens na página e qual é a estrutura do HTML à volta?<p>
sem nenhum atributo?