selector de clase css para seleccionar texto dentro de un div

Tengo un div con un nombre de clase “prueba”. La clase “prueba” tiene un puntero de cursor asignado a ella. La clase también tiene un ancho fijo de 200px. Dentro del div hay un texto de longitud que es más corto que el ancho del div. No quiero que el punto aparezca cuando el mouse se coloca en la parte en blanco del div.

¿Hay alguna manera de asignar el puntero css al texto dentro del div sin incluir el texto dentro de otra etiqueta ? Simplemente no quiero volver y agregar la etiqueta span a cada div y reescribir el javascript.

Estoy pensando en algo así como este código pseudo css

 .test.text { cursor:pointer; } 

CSS no funciona de esta manera. Como dice biziclop en los comentarios, los nodos de texto no se pueden seleccionar con CSS . Tendrás que ajustar el texto en un y usar

 .test span { cursor: pointer; } 

Con

 
Text

O configure .test para display: inline , pero eso no le permitirá darle un ancho, que no es el comportamiento que desea. s están bien, en este caso.

Podría intentar usar los pseudo-elementos :before o :after .

Estaba jugando con esta solución, para divisiones de 1 línea:
http://jsfiddle.net/yAfKw/

Divs de múltiples líneas:
http://jsfiddle.net/yAfKw/1/

Funciona en Firefox, no funciona en Safari.