2010-09-22 7 views
7

शायद मैं सिर्फ एक फायरबग नौसिखिया हूं, या शायद कुछ और बेहतर उपकरण है? लेकिन मैं आसानी से खोजने की कोशिश कर रहा हूं कि कई लिंक सीएसएस फाइलें, एक विशिष्ट तत्व की शैली को परिभाषित करती हैं।आसानी से यह पता लगाने के लिए फ़ायरबग का उपयोग कैसे करें कि कौन सी सीएसएस फ़ाइल किसी विशेष शैली को परिभाषित करती है

उदाहरण के लिए एक उत्पादन वातावरण में मैं यह इंगित कर सकता हूं कि एक विशिष्ट तत्व पर बाएं-टैब नाम की शैली लागू की जा रही है, और यह ठीक से प्रस्तुत करता है। विकास पर्यावरण में एचटीएमएल के भीतर एक ही शैली लागू होती है, लेकिन इसे उत्पादन में उतनी ही समान नहीं दी जा रही है।

प्रत्येक उत्पादन और विकास वातावरण में 9 सीएसएस फ़ाइलें शामिल हैं। मैं आसानी से ढूंढना चाहता हूं कि कौन सा शैली बाएं टैब को परिभाषित करता है। सीएसएस टैब का उपयोग करके मैं खोल सकता हूं और यहां तक ​​कि (अस्थायी रूप से) इनमें से प्रत्येक को संपादित कर सकता हूं, लेकिन मैं इनके माध्यम से कैसे खोज करूं? Ctrl-F फ़ायरबग फलक के भीतर मौजूद सीएसएस के विपरीत, HTML दस्तावेज़ की खोज करता है।

उत्तर

8

दाहिने पैनल "शैली | गणना | लेआउट | डोम" में शैली टैब को सक्रिय करें। प्रत्येक सीएसएस नियम के लिए, एक ब्लू लिंक "mystyles.css (लाइन 22) होगा। आप एलीमेंट इंस्पेक्टर (बॉक्स बाएं हाथ पर बॉक्स डब्ल्यू/माउस को सक्रिय करके जल्दी से नियम पर जा सकते हैं, हॉटकी Ctrl + शिफ्ट + सी। (आप भी उस पर क्लिक कर सकते हैं) तत्व निरीक्षक के साथ अपने तत्व पर हाइलाइट करना आप सभी सीएसएस लागू होने वाले नियम (या ओवरराइट थे) दिखाई देगा।

8

जब आप किसी तत्व पर राइट क्लिक करते हैं और 'तत्व का निरीक्षण करें' पर क्लिक करते हैं तो नीचे दाईं ओर वाला बॉक्स उस तत्व के लिए सीएसएस शैलियों को प्रदर्शित करेगा, बस प्रत्येक के ऊपर यह आपको बताएगा कि कौन सी सीएसएस फ़ाइल से आया और कौन सी रेखा।

+0

मैं ऐसे एक noob हूँ! –

संबंधित मुद्दे

 संबंधित मुद्दे