css sınıf seçicisi bir div içindeki metni seçmek için

Question

"sınama" sınıf adına sahip bir divum var. "Test" sınıfında bir imleç işaretçisi bulunur. Sınıf ayrıca 200px'lik bir sabit genişliğe sahiptir. Divun içinde div'un genişliğinden daha kısa olan uzunluk metnidir. Farenin div'in boş kısmına yerleştirildiğinde, noktanın görünmesini istemiyorum.

Metnin başka bir <span> etiketinin içine sarılmadan css işaretçisini div içindeki metne atayabilmemin bir yolu var mı? Sadece geri dönmek ve yayılma etiketini her bir div'a eklemek ve javascript'i yeniden yazmak istemiyorum.

bu sözde css kodu bu şekilde çalışmıyor

.test.text { 
    cursor:pointer; 
} 

Answer 1

CSS gibi bir şey düşünüyorum. Biziclop, yorumlarda belirtildiği gibi, text nodes can't be selected with CSS. Bir <span> daki metni kaydırma ve

.test span { 
    cursor: pointer; 
} 

ile

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

Veya display: inline için .test set kullanmak gerekecektir ya ama bu işlemi kendi olmayan bir genişliğe vermek izin vermez İstediğiniz davranış. Bu durumda <span> s uygundur.

Answer 2

:before veya :after sözde öğelerini kullanmayı deneyebilirsiniz.

Ben 1 satır div için, bu çözüm ile oynuyordum:
http://jsfiddle.net/yAfKw/

Multi-line div'ler: Firefox'ta
http://jsfiddle.net/yAfKw/1/

İşleri Safari'de çalışmaz.