2015-05-12 11 views
6

के माध्यम से एक बार में कई सीएसएस नियमों को कैसे जोड़ना है मेरे पास सीएसएस की 300 लाइनें हैं, जिनमें कई नियम शामिल हैं जिन्हें मुझे किसी पृष्ठ पर परीक्षण करने की आवश्यकता है।देव-टूल्स या फ़ायरबग

मैं प्राथमिक रूप से नियमों को पेस्ट करना चाहूंगा जो मुख्य.css के नीचे है, जो पृष्ठ का उपयोग कर रहा है - या मेरे नियमों के साथ पृष्ठ पर एक छद्म "अतिरिक्त-मुख्य.css" शीट जोड़ें।

मुझे वर्तमान में पृष्ठ के स्रोत तक पहुंच नहीं है इसलिए मुझे लाइव पेज पर काम करना है। मुझे सही नहीं पता है।

ऐसा करने का सबसे अच्छा तरीका क्या होगा? Firebug, DevTools (क्रोम), कुछ और ...

+0

का चयन करें देव उपकरणों पर जब आप कुछ का निरीक्षण करना चाहते हैं , आप तत्व के ऊपरी दाएं भाग में देखेंगे मूल सीएसएस स्रोत नाम है। उस पर क्लिक करें और अपना सीएसएस पेस्ट करें और रीयलटाइम परिवर्तन देखने के लिए बस CTRL + S दबाएं। –

उत्तर

4

Chrome DevTools 'तत्वों पैनल के भीतर तत्व के स्रोत, पेस्ट क्लिक करें अपने सीएसएस का परीक्षण करने में और मारा Ctrl +एस को देखने के लिए अद्यतन। आप जिस पेज पर परीक्षण करना चाहते हैं उस पृष्ठ पर किसी भी तत्व पर क्लिक कर सकते हैं जब तक कि सीएसएस स्रोत फ़ाइल इसे प्रभावित करे।

Pasting multiple CSS rules in Chrome DevTools

+0

लगता है कि 'scss' फ़ाइलों के साथ काम नहीं करना है। –

+0

सही। ब्राउज़र में एक एससीएसएस फ़ाइल को प्रतिस्थापित करने के लिए स्वयं एक अपरिचित प्रारूप में होगा। आपको एससीएसएस फ़ाइल को संकलित करने की आवश्यकता होगी और फिर उचित स्थान पर आउटपुट सीएसएस का उपयोग करना होगा। –

0

Firebug में यह Chrome DevTools के समान है, मैं तो बस में पता चला।

  1. ओपन Firebug
  2. सीएसएस टैब
  3. का चयन करें सीएसएस फ़ाइल का चयन करें जिसे आप संपादित करना
  4. लाइव संपादित

How to add CSS sources in Firebug

+0

एनिमेटेड छवि के अतिरिक्त, आपको सीएसएस को पेस्ट करने का वर्णन करने वाले कुछ चरणों को जोड़ना चाहिए। –

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