दिलचस्प पोस्ट
क्या अस्थिर हैशप कुंजी एक खतरनाक अभ्यास है? मैं फ़ायरफ़ॉक्स और अन्य ब्राउज़रों में प्लेसहोल्डर टेक्स्ट कैसे प्राप्त करूं, जो html5 टैग विकल्प का समर्थन नहीं करते हैं? बूटस्ट्रैप मोडल को बाहर से बाहर करने या एस्केप दबाकर गायब होने से रोकें? एसएसआईएस स्क्रिप्ट घटक में तीसरे पक्ष के डीएलएल संदर्भ जोड़ें एकल int के लिए चार सरणी कन्वर्ट? PHP_SELF और XSS सी = पर शॉर्ट सर्किट | और = = असाइनमेंट ऑपरेटर्स कैसे कमांड लाइन से Makefile तर्क को पारित करने के लिए? डीबग विंडोज सर्विस मैं कैसे easy_install vcvarsall.bat को इंगित कर सकता हूँ? jQuery बनाम जावास्क्रिप्ट? "ढीली वस्तुओं" क्या हैं जो कि जीआईटी जीयूआई का उल्लेख है? आर में एक वेक्टर के लिए अधिकतम लंबाई कोनेर एनजी-व्यू / राउटिंग फोनगैप में काम नहीं कर रहा है C ++ में एक से अधिक डेटा फ़ील्ड के साथ जावा-एनएम जैसी कक्षा कैसे लिखनी है?

`: होवर` के साथ वेबकिट बग और कई आसन्न-सिब्बल चयनकर्ता

सफ़ारी और क्रोम, साथ ही साथ ओपेरा और फ़ायरफ़ॉक्स, यह संभाल सकता है :hover छद्म वर्ग और आसन्न-भाषण चयनकर्ताओं को :hover :

a:hover + div {}

यह काम।

हालांकि, जब एक दूसरे के निकट-भाई को जोड़ा जाता है:

div:hover + a + div {}

वेबकिट अलग हो जाता है

हालांकि, यदि आप <a> पर पहले होवर करते हैं और फिर <div> पर होवर करें तो शैली को इसके जैसा करना चाहिए

मैं और अधिक चकित हूँ, क्योंकि यदि आप जोड़ते हैं:

div:hover ~ div {}

किसी शैली के साथ या बिना घोषित, यह काम करना शुरू कर दिया जैसा उसे करना चाहिए

डेमो

मैं इस समस्या को देख रहा हूँ:

  • Google क्रोम 15.0.874.121
  • सफ़ारी 5.1.1

ओएस एक्स के लिए

कोई विचार?

Solutions Collecting From Web of "`: होवर` के साथ वेबकिट बग और कई आसन्न-सिब्बल चयनकर्ता"

आप वेबकिट के छद्म वर्गों + सामान्य / आसन्न भाई चयनकर्ताओं की बगों को शरीर के तत्व पर एनीमेशन फलक करके दूर कर सकते हैं:

 body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } 

आप इसे यहां देख सकते हैं: http://jsfiddle.net/jalbertbowdenii/ds2yY/1/

एनिमेशन के बिना आसान फिक्स

यहां एक ऐसी ही समस्या को संभाला, जहां परिवर्तित छद्म वर्गों के इस विचार ने इसे हल किया (नोट: nth-child(n) हमेशा मैच होगा):

 div:hover + a:nth-child(n) + div 

वैकल्पिक रूप से, फिक्स को उन तत्वों पर ही लागू किया जा सकता है जो शरीर के तत्व की बजाय अपडेट समस्या वाले हैं:

http://jsfiddle.net/ds2yY/12/

 .force-repaint { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { fill: 0; } to { fill: 0; } }