क्या स्पष्टता के लिए सीएसएस चयनकर्ताओं को समूहित करने का कोई तरीका है?

Question

अगर मैं एक दर्जन से अधिक CSS चयनकर्ताओं का है, और उन सभी को :hover गुण प्रदान करना चाहते हैं, मैं यह कर रहा करने के लिए इस्तेमाल कर रहा हूँ:

selector, selector2, someOtherSelector, someSelector div { 
    //some properties 
} 
selector:hover, selector2:hover, someOtherSelector:hover, someSelector div:hover { 
    //some properties 
} 

टाइप :hover चार बार निरर्थक लगता है।

(selector, selector2, someOtherSelector, someSelector div):hover { 
    //some properties 
} 

जैसे चयनकर्ताओं को समूहबद्ध करने का कोई तरीका है?

Answer 1

वे सभी एक ही मंडराना गुण साझा करते हैं अपने आप एक वर्ग है कि सभी को परिभाषित करने के लिए साझा किया जाता है बना सकते हैं:

allSelectors, selector, selector2, someOtherSelector, someSelector div { 
    //some properties 
} 
allSelectors:hover { 
    //some properties 
} 

पुन: प्रयोज्य वर्ग क्लीनर और कम कोड के लिए बनाता है।

Answer 2

अफसोस की बात है कि, not really कोई भी easier way है जो आप करने की कोशिश कर रहे हैं, दुर्भाग्य से। जब तक आप शैलियों को jQuery या कुछ में स्थानांतरित नहीं करना चाहते हैं (लेकिन यह एक अच्छा समाधान नहीं है)।

Answer 3

सीएसएस में मूल रूप से नहीं। SCSS की तरह कुछ का उपयोग करके आप लिख सकते हैं: मंडराना

तो तुम मिल चाहते हैं:

selector, selector2, someOtherSelector, someSelector div { 
    // some properties 

    &:hover { 
    // some more properties 
    } 
}