सीएसएस क्लास चयनकर्ता एक div

Question

के अंदर पाठ का चयन करने के लिए मेरे पास कक्षा का "test" वाला div है। कक्षा "परीक्षण" में कर्सर सूचक इसे असाइन करता है। कक्षा में 200px की निश्चित चौड़ाई भी है। Div के अंदर लंबाई की पाठ है जो div की चौड़ाई से छोटी है। जब मैं div के रिक्त हिस्से में माउस रखा जाता है तो मैं बिंदु प्रकट नहीं करना चाहता हूं।

क्या कोई तरीका है कि मैं div के अंदर पाठ को सीएसएस पॉइंटर को अन्य <span> टैग के अंदर पाठ को लपेटे बिना असाइन कर सकता हूं। मैं बस वापस नहीं जाना चाहता हूं और हर एक div में स्पैन टैग जोड़ना चाहता हूं और जावास्क्रिप्ट को फिर से लिखना चाहता हूं।

मैं इस छद्म सीएसएस कोड

.test.text { 
    cursor:pointer; 
} 

Answer 1

सीएसएस इस तरह से काम नहीं करता है की तरह कुछ के बारे में सोच रहा हूँ। जैसा कि biziclop टिप्पणियों में कहते हैं, text nodes can't be selected with CSS। आप या तो एक <span> में अपने पाठ लपेट और प्रयोग के साथ

.test span { 
    cursor: pointer; 
} 

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

या सेट display: inline को .test करना होगा, लेकिन है कि आप इसे एक चौड़ाई है, जो नहीं है देना नहीं दूँगी जो व्यवहार आप चाहते हैं इस मामले में <span> एस ठीक हैं।

Answer 2

आप :before या :after छद्म-तत्वों का उपयोग करने का प्रयास कर सकते हैं।

मैं इस समाधान के साथ खेल रहा था, 1-लाइन divs के लिए:
http://jsfiddle.net/yAfKw/

मल्टी लाइन divs:
फ़ायरफ़ॉक्स में http://jsfiddle.net/yAfKw/1/

काम करता है, सफारी में काम नहीं करता।