selector de clase css para seleccionar texto dentro de un div

Question

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 una manera en que puedo asignar el puntero css al texto dentro del div sin envolver el texto dentro de otra etiqueta <span>. Simplemente no quiero volver y agregar la etiqueta span a cada div y reescribir el javascript.

Estoy pensando en algo como esto css código seudo

.test.text { 
    cursor:pointer; 
} 

Answer 1

CSS no funciona de esta manera. Como dice biziclop en los comentarios, text nodes can't be selected with CSS. Ya sea que usted tiene que envolver el texto en un <span> y utilizar

.test span { 
    cursor: pointer; 
} 

Con

<div class="test"> 
    <span>Text</span> 
</div> 

o conjunto .test a display: inline, pero eso no va a dejar que le dan un ancho, que no es el comportamiento que quieres. <span> s están bien, en este caso.

Answer 2

Puede intentar usar los pseudo-elementos :before o :after.

que estaba jugando con esta solución, por divs 1-line:
http://jsfiddle.net/yAfKw/

divs de varias líneas:
http://jsfiddle.net/yAfKw/1/

funciona en Firefox, no funciona en Safari.