nuevos - selector de hijos css

Selector de CSS basado en el texto del elemento?

Question

Posible duplicado:
¿Hay un selector de CSS para los elementos que contienen cierto texto?

¿Hay una manera de seleccionar un elemento en css basado en el texto del elemento?

es decir:

li[text=*foo]

<li>foo</li>
<li>bar</li>

Eso probablemente no funciona.

Editar: También solo es necesario soportar Chrome.

Answer 1

No con CSS directamente, podría establecer las propiedades de CSS a través de JavaScript en función del contenido interno, pero al final aún tendría que estar operando en las definiciones de CSS.

Answer 2

Probablemente fue discutido, pero a partir de CSS3 no hay nada como lo que necesitas (ver también " ¿Hay un selector de CSS para elementos que contienen cierto texto? "). Tendrás que usar un marcado adicional, como este:

<li><span class="foo">some text</span></li>
<li>some other text</li>

Entonces consúltalo de la forma habitual.

li > span.foo {...}

Answer 3

Sé que no es exactamente lo que estás buscando, pero quizás te ayude.

Puedes intentar usar un selector de jQuery :contains() , agregar una clase y luego hacer un estilo normal para una clase.