दिलचस्प पोस्ट
एक एमजीओ सत्र बनाए रखने के लिए सर्वश्रेष्ठ अभ्यास दो इनलाइन ब्लॉक तत्व, प्रत्येक 50% चौड़े, एक पंक्ति में एक तरफ फिट नहीं होते हैं अजगर का मतलब क्या है? आधुनिक पायथन में कस्टम अपवाद घोषित करने का उचित तरीका है? कैसे फ़ाइल आकार को पाने के लिए http हेडर से टेम्पलेट सहायक के अंदर उल्का पद्धतियों का उपयोग कैसे करें .text, .value, और .value2 में अंतर क्या है? हम रूबी 1.9.2 / 1.9.3 रत्नों को 1.9.1 फ़ोल्डर में क्यों स्थापित कर रहे हैं? सतह के फ्लेक्स के ऑनफ्रेम उपलब्ध () विधि हमेशा बहुत देर तक कहती हैं स्वयं स्प्टीट टैग क्यों काम नहीं करते हैं? मौजूदा टैब बंद करें सीएसएस विभाजन 100% पृष्ठ की ऊँचाई बढ़ाएं Ggplot2 का उपयोग कर, क्या मैं अक्ष में एक ब्रेक सम्मिलित कर सकता हूँ? एकाधिक ggplot2 भूखंडों को कैसे संरेखित करें और उन सभी पर छाया जोड़ें टीएसटीटी फ़ाइल को खोलने के लिए एप्लिकेशन की सूची में मेरा ऐप क्यों नहीं है?

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

सफ़ारी और क्रोम, साथ ही साथ ओपेरा और फ़ायरफ़ॉक्स, यह संभाल सकता है :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; } }