दिलचस्प पोस्ट
HTTPWebrquest (मल्टीपार्ट / फॉर्म-डेटा) के साथ फाइल अपलोड करें एएसपी.नेट एमवीसी के अंतर्गत एसएसएल पेज NSAttributedString का उपयोग कर सबस्क्रिप्ट और सुपरस्क्रिप्ट कैसे करें? कैसे लिखने के लिए: इनलाइन सीएसएस में होवर करें? Eclipse javascript संपादक: जेएस फाइलों के लिए सामग्री सहायता, स्वत: पूर्णता Srand को शुरू करने का अनुशंसित तरीका है? कक्षा परिभाषा में स्थिर कॉन्स्ट पूर्णांक सदस्यों को परिभाषित करना टाइपस्क्रिप्ट डेकोरेटर कैसे लागू करें? कमांड लाइन का उपयोग कर इसे शुरू करने के बाद एक प्रक्रिया के एसटीडीईआरआर / एसटीडीओओटी को पुनर्निर्देशित करें? एक फाइल reparse करने के लिए Logstash मजबूर करने के लिए कैसे? HTML से angular2 घटक के चयनकर्ता टैग को कैसे हटाए / बदलना है UIView फ्रेम, सीमा और केंद्र एंड्रॉइड में प्रोग्राम सूची चुनें आइटम सूची दृश्य अनुक्रमितों का सी ++ सॉर्टिंग और रखे जाने का तरीका एएसपी.नेट एमवीसी में मॉडल में यूआरएल हेल्पर को कॉल करें

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

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

a:hover + div {}

यह काम।

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

div:hover + a + div {}

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

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

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

div:hover ~ div {}

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

डेमो

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

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

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

कोई विचार?

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

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

 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; } }