11
भीतर CSS मीडिया क्वेरी वहाँ किसी भी मुद्दे (प्रदर्शन मेरी प्राथमिक चिंता का विषय है) करता है, तो बजाय मीडिया के प्रश्नों के भीतर सीएसएस चयनकर्ताओं को परिभाषित (उदाहरण 1) की, आप सीएसएस चयनकर्ताओं के भीतर मीडिया क्वेरी को परिभाषित (उदाहरण 2) कर रहे हैं।को परिभाषित करना चयनकर्ताओं
उदाहरण 1 - सीएसएस चयनकर्ताओं
.foo {
@media (min-width: 600px) { ... }
@media (min-width: 1000px) { ... }
@media (min-width: 1500px) { ... }
}
.bar {
@media (min-width: 600px) { ... }
@media (min-width: 1000px) { ... }
@media (min-width: 1500px) { ... }
}
.hello {
@media (min-width: 600px) { ... }
@media (min-width: 1000px) { ... }
@media (min-width: 1500px) { ... }
}
.world{
@media (min-width: 600px) { ... }
@media (min-width: 1000px) { ... }
@media (min-width: 1500px) { ... }
}
आप "? क्यों ऐसा करते हैं" सोच रहा हो सकता है के भीतर मीडिया क्वेरी - मीडिया के भीतर सीएसएस चयनकर्ताओं प्रश्नों
@media (min-width: 600px) {
.foo { ... }
.bar { ... }
.hello { ... }
.world{ ... }
}
@media (min-width: 1000px) {
.foo { ... }
.bar { ... }
.hello { ... }
.world{ ... }
}
@media (min-width: 1500px) {
.foo { ... }
.bar { ... }
.hello { ... }
.world{ ... }
}
प्रदर्शन अंतर है? उत्तरार्द्ध इस बात पर निर्भर करता है कि सीएसएस कैसे उत्पन्न होता है, क्योंकि स्टाइल नियम 'मीडिया' नियमों में दिखाई दे सकते हैं लेकिन ** ** ** अन्य तरीकों से नहीं। – BoltClock
दूसरा उदाहरण कैसे काम कर सकता है? "चयनकर्ता" द्वारा, क्या आपका मतलब है [mixins] (http://lesscss.org/features/#mixins-feature)? किसी भी नियम के बाहर बुलाया जाता है, इन मिश्रणों को काम करना चाहिए, लेकिन आपके प्रश्न में लिखा गया मौका afaik नहीं है। आप '.foo तरह कोष्ठकों जोड़ना चाहिए() {@media {} {} @media @media {}}' तो यह घटना नहीं के रूप में (अवैध) सीएसएस उत्पादन लेकिन सिर्फ एक mixin रूप में परिभाषित किया है और उसके बाद आप इस mixin कॉल कर सकते हैं और यह उनमें से प्रत्येक में नियमों के साथ 3 मीडिया नियमों का उत्पादन करेगा – FelipeAls