2012-09-09 22 views
13

मान लें कि मैं इसे देखने के बाद एक लिंक के बगल में एक आकृति (जैसे चेकमार्क) जोड़ना चाहता था, बस इसे चालू करने के बजाय बैंगनी, एक का उपयोग कर: एक के साथ के बाद: दौरा किया।एक को मिलाएं: छद्म-तत्वों के साथ छद्म-वर्गों को चेन करने के बाद:

अगर मैं इस तरह आकार का चयन करना चाहिए मैं अनिश्चित हूँ:

a:visited:after { 

या इस तरह:

a:visited a:after 

या

a:visited :after { 

(मैं भी एक सा कर रहा हूँ जब मुझे छद्म-तत्व से पहले एक स्थान जोड़ना चाहिए या नहीं करना चाहिए, तो इससे कोई फर्क नहीं पड़ता है, या इससे कोई फर्क पड़ता है?)

या शायद कुछ अलग?

अभी मेरी सीएसएस इस तरह दिखता है: से http://webitect.net/design/webdesign/creating-fancy-bullet-points-with-pure-css3/

किसी भी मदद के लिए धन्यवाद

a:visited:after { 
    /* check mark shape */ 
    content:'\00a0'; 
    color: black; 
    position: relative; 
    left:15px; 
    display:inline-block; 
    width: 3px; 
    height: 6px; 
    border: solid black; 
    border-width: 0 2px 2px 0; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
} 

जाँच चिह्न आकार कोड।

+2

[व्हाइट स्पेस एक वंशज चयनकर्ता है।] (Http: //www.w3।संगठन/टीआर/सीएसएस 2/selector.html # वंश-चयनकर्ता) –

उत्तर

23

आप वर्तमान में कर रहे हैं a:visited:after का उपयोग करना चाहिए। यह आपके कोड में किसी त्रुटि के कारण काम नहीं करता है, लेकिन क्योंकि यह समस्या :visited छद्म-वर्ग में निहित है - यह privacy concerns की वजह से छद्म तत्वों के उपयोग की अनुमति नहीं देती है।

तो मूल रूप से, आप केवल अपने विज़िट लिंक को केवल विज़िट किए गए लिंक पर लागू नहीं कर पाएंगे।

इस संबंध में

:

(मैं भी जब मैं या एक छद्म तत्व से पहले एक स्थान नहीं जोड़ना चाहिए चाहिए पर थोड़ा फजी हूँ, या तो यह और भी फर्क पड़ता है?)

  1. चयनकर्ता a:visited a:after:after छद्म प्रतिनिधित्व करता है:

    यह बात है, क्योंकि अंतरिक्ष वंशज Combinator का प्रतिनिधित्व करता है करता है a का तत्व जो कि a का वंशज है जो एक विज़िट किया गया लिंक है, जो HTML में काफी समझ में नहीं आता है। सिवाय यह a:visited के वंशज की की :after किसी भी तरह का प्रतिनिधित्व करता है

  2. चयनकर्ता a:visited :after, a:visited a:after के समान है।

    इसे a:visited *:after के रूप में पुनः लिखा जा सकता है। Spec में the universal selector देखें।

अंतरिक्ष को छोड़ते हुए रखकर आप तत्व यह पहले चयनकर्ता का प्रतिनिधित्व करती है, जो अपने मामले में a:visited उसके वंश में से किसी भी है के लिए सीधे छद्म तत्व लागू कर रहे हैं।

+2

जबकि मुझे एहसास हुआ कि ओपी ने अपने मूल प्रश्न में 'बाद में' उपयोग किया है, तो W3C छद्म-तत्वों के लिए डबल-कोलन वाक्यविन्यास का उपयोग करने की अनुशंसा नहीं करता है: ' : after'? –

+0

आह, मैं देखता हूं .... थोड़ा निराशाजनक। जानकारी के लिए धन्यवाद! – LazerSharks

+2

@ डेविड थॉमस: यदि आप IE के साथ संगतता बनाए रखना चाहते हैं तो आप अभी भी सीएसएस 1 और सीएसएस 2 छद्म-तत्वों के लिए सिंगल-कॉलन सिंटैक्स का उपयोग कर सकते हैं। 9। यदि आपको पुराने ब्राउज़र का समर्थन करने की आवश्यकता नहीं है, तो आपको डबल कॉलन का उपयोग शुरू करना चाहिए छद्म तत्वों के लिए। किसी भी नए छद्म तत्वों के लिए एकल कॉलन की अनुमति नहीं है। – BoltClock

संबंधित मुद्दे