css - Sass with BEM, inherit selector -
मैं Sass 3.4.1 और BEM का उपयोग कर रहा हूं ताकि मेरी scss है:
फोटो-ऑफ-द-दिवस (& amp; - शीर्षक {फ़ॉन्ट-आकार: 16px; }} और मैं चाहता हूं कि हर बार .photo-of-the-day पर कुछ हो जाए, यह आमतौर पर सीएसएस में बहुत आम है: । दिन का फोटो: होवर। फोटो का दिन - शीर्षक {font-size: 12px} यह बात है बीईएम का उपयोग करना यह एकमात्र तरीका है जो मुझे मिला और थोड़े बदसूरत लग रहा है
.photo-of-the-day {& amp;; title} {font-size: 16px; } & Amp;: होवर {पृष्ठभूमि: लाल; / * यह बदसूरत है / / दिन का फोटो - शीर्षक {पाठ-सजावट: रेखांकन; }}} इसलिए मैं सोच रहा था कि मैं .photo-of-day चयनकर्ता का वारिस कर सकता हूं और इसे फिर से कॉपी से बचने के लिए हॉवर के अंदर का उपयोग कर सकता हूं चयनकर्ता। आदर्श रूप से कुछ ऐसा होगा:
.photo-of-day {& amp; - शीर्षक {फ़ॉन्ट-आकार: 16px; } & Amp;: होवर {पृष्ठभूमि: लाल; & Amp; amp; - शीर्षक {पाठ-सजावट: रेखांकन; }}} या बीईएम के लिए अभिभावक चयनकर्ता को वापसी के करीब कुछ। क्या यह संभव है?
यदि आप नेस्टिंग सब कुछ पर जोर देते हैं, तो सबसे अच्छा आप यह कर सकते हैं:
.photo-of-day {$ root: & amp;; & Amp; - शीर्षक {फ़ॉन्ट-आकार: 16px; } & Amp;: होवर {# {$ root} - शीर्षक {पाठ-सजावट: रेखांकन; }}} पर क्लिक करें
Comments
Post a Comment