मैं अलग-अलग ब्राउज़रों के लिए ब्राउज़र-विशिष्ट सीएसएस-चयनकर्ता समूह क्यों नहीं बना सकता?

Question

मैं सिर्फ ब्राउज़र इसका समर्थन के लिए इनपुट प्लेसहोल्डर शैली निम्नलिखित नियम लिखने का प्रयास किया:

#main input::-webkit-input-placeholder, 
#main input:-moz-placeholder 
{ 
    color: #888; 
    font-style: italic; 
} 

समस्या यह है कि नियम लागू नहीं किया जाता है। हालांकि, अगर मैं इसे तोड़ने के इस तरह के बजाय यह सिर्फ ठीक काम करता है:

#main input::-webkit-input-placeholder 
{ 
    color: #888; 
    font-style: italic; 
} 
#main input:-moz-placeholder 
{ 
    color: #888; 
    font-style: italic; 
} 

मैं क्यों नहीं समूह ब्राउज़र-विशिष्ट चयनकर्ताओं, या वहाँ एक और तरीका यह करने के लिए है सकते हैं? एक ही तत्व के लिए दो बार समान गुण दोहराने का अधिकार नहीं है।

अद्यतन:

बस करते हुए कहा कि यह नहीं किया जा सकता है, लेकिन अब तक क्यों पर कोई जानकारी नहीं this resource पाया। ऐसा लगता है कि ब्राउज़र को पूरे नियम को त्यागना चाहिए क्योंकि यह चयनकर्ताओं में से एक को पहचान नहीं पाता है।

Answer 1

यदि चयनकर्ताओं के समूह में एक चयनकर्ता अमान्य है, तो ब्राउज़र को पूरे नियम को अमान्य मानना ​​चाहिए। या कम से कम says the W3C।

मुझे यकीन नहीं है कि यह व्यवहार क्यों अनिवार्य है, लेकिन एक धक्का पर, मुझे लगता है कि ऐसा इसलिए है क्योंकि एक अवैध चयनकर्ता सामान्य सीएसएस वाक्यविन्यास तोड़ सकता है, जिससे ब्राउज़र के लिए यह असंभव हो जाता है कि अमान्य चयनकर्ता समाप्त होता है और वैध तत्व शुरू होते हैं।

Answer 2

अधिकतर, कुछ ब्राउज़र संपूर्ण परिभाषा को त्याग देते हैं क्योंकि वे चयनकर्ता को वैध नहीं मानते हैं।

Answer 3

यदि आप जावास्क्रिप्ट का उपयोग करने के इच्छुक हैं, तो -फ्रिक्स-मुक्त स्क्रिप्ट देखें। यह आपको इस तरह के सीएसएस गुणों के लिए विक्रेता विशिष्ट उपसर्ग (उदा। -webkit- या -moz-) को छोड़ने की अनुमति देता है।