दिलचस्प पोस्ट
क्या कोई भी खुला स्रोत सी पुस्तकालय सामान्य डेटा संरचनाओं के साथ हैं? पायथन में ओएससिस्टम () का रिटर्न वैल्यू क्या है? सीएसएस में = "ईमेल" के लिए लेबल का चयन कैसे करें? क्या मैं एक नियंत्रण के अंदर एक विंडोज़ प्रोजेक्ट होस्ट कर सकता हूं? क्या एक स्ट्रिंग के कितने अक्षर printf () का उपयोग करने के लिए मुद्रित करने का तरीका है? जटिल पासवर्ड लागू करने के लिए नियमित अभिव्यक्ति, 4 नियमों में से 3 से मेल खाती है टेम्पलेट मित्र जब रूबी में `eval` उचित है? पॉवरहेल और त्रुटि द्वारा पुन: उपयोग के लिए क्रेडेंशियल्स सहेजना ConvertTo-SecureString: विशिष्ट स्थिति में उपयोग के लिए कुंजी मान्य नहीं है मैं अपने आप को एक पावर फंक्शन कैसे लिख सकता हूं? प्रतिक्रियाप्रदर्शन में कुंजीपेज इवेंट हैंडलिंग मैं यह जेबटन कैसे दिख सकता हूं? जब मुझे प्रगतिशील स्कैन पृष्ठभूमि JWindow () है? कैसे Xcode 6 में आईपीए बनाने के लिए? जबकि ((सी = getc (फ़ाइल))! = EOF) लूप निष्पादित करना बंद नहीं करेगा कैसे एक प्रक्रिया शुरू और अंत का पता लगाने के c # में खिड़कियों का उपयोग करने के लिए?

गठजोड़: इसके बाद के साथ: मंडराना

मैं गठबंधन करना चाहता हूं :after साथ :hover सीएसएस में :hover (या कोई अन्य छद्म चयनकर्ता)। मैं मूल रूप से एक सूची है और selected वर्ग के आइटम के साथ एक तीर आकार का प्रयोग किया जाता है :after । मैं उन वस्तुओं के लिए सही होना चाहता हूं जो कि ऊपर से हो रही हैं, लेकिन काम करने के लिए इसे काफी नहीं मिलता है कोड है Heres

 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist li.selected, #alertlist li:hover { color: #f0f0f0; background-color: #303030; } #alertlist li.selected:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: ""; } <ul id="alertlist"> <li>Alert 123</li> <li class="selected">Alert 123</li> <li>Alert 123</li> </ul> 

Solutions Collecting From Web of "गठजोड़: इसके बाद के साथ: मंडराना"

बस जोड़ें :after अपनी #alertlist li:hover :after #alertlist li:hover चयनकर्ता को उसी तरह से करें कि आप अपने #alertlist li.selected साथ चयन करें। चयनकर्ता:

 #alertlist li.selected:after, #alertlist li:hover:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: ""; } 

एससीएस में

 &::after{ content: url(images/RelativeProjectsArr.png); margin-left:30px; } &:hover{ background-color:$turkiz; color:#e5e7ef; &::after{ content: url(images/RelativeProjectsArrHover.png); } } 
  #alertlist li:hover:after,#alertlist li.selected:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: ""; }​ 

जेएसफ़िल्ड लिंक