Não existe meio de selecionar textos com CSS, o máximo que temos (e que não atendem o caso) são os seletores:
::first-letter
Seleciona a primeira letra
.foobar::first-letter {
font-size: 1.5rem;
font-weight: bold;
color: brown;
}
<div class="foobar">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, odio non efficitur tristique, ipsum tortor semper urna, vel ultricies ipsum leo sit amet risus.
</div>
<div class="foobar">
Curabitur finibus sagittis sapien nec tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi ultrices elit ac velit pellentesque egestas.
</div>
::first-line
Seleciona a primeira linha, se o texto tiver quebra automática o estilo só será aplicado até antes do texto quebrar
.foobar::first-line {
font-size: 1.5rem;
font-weight: bold;
color: brown;
}
<div class="foobar">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis, odio non efficitur tristique, ipsum tortor semper urna, vel ultricies ipsum leo sit amet risus.
</div>
<div class="foobar">
Curabitur finibus sagittis sapien nec tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi ultrices elit ac velit pellentesque egestas.
</div>
Então para concluir, até o momento nem sugestão de implementação para tal existe, o melhor mesmo é simplesmente criar um elemento inline (como span) com class ou id (depende do caso) e aplicar o estilo aonde desejar, simplesmente assim:
<div>
<a>Cachorro</a>
<p>Leão</p>
<span class="exclusivo">Macaco</span>
<i>Gaivota</i>
</div>
E não precisa de JavaScript para isso nem nada exagerado, a não ser que seja algo muito dinâmico mesmo, porque se for o caso, ai você poderia até aplicar um <span class="excluiso">...</span>
antes mesmo da página ser baixada, ou seja, no "back-end", mas isso seria um pouco mais além.
:contains()
, ha um bom tempo atrás, mas não está mais disponível. Hoje o máximo que temos é o:empty
e que não resolve.javascript
, por isso fiquei curioso de entender.. aliás, por "selecionar o texto do elemento" você quer dizer, saber se tem o texto lá, ou para mudar o conteúdo?tag
s?