2013-10-21 5 views
8

क्षमा करें अगर यह एक डुप्लिकेट प्रश्न है हालांकि मैंने समाधान की खोज की है और एक नहीं मिला है।क्या यह पता लगाने का कोई तरीका है कि एक सीएसएस नियम कहां से आ रहा है?

मुझे एक .asp वेबसाइट मिली है और साइडबार में टेबल में फ़ॉर्म को स्थानांतरित करने के लिए पृष्ठों को अद्यतन करना था।

यह एक पृष्ठ पर ठीक काम करता है जो जिद्दी रूप से मेरे सीएसएस को स्वीकार करने से इंकार कर देता है और कहां से जानता है उससे मूल्य ले रहा है।

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

यूआरएल है:leads2trade _solar

*** अब उत्तर दिया - डिबग उपकरण सीएसएस कहानी बता नहीं बल्कि झंडा ऊपर बुरी तरह से कोडित एचटीएमएल करते हैं! सहायता के लिए सभी को धन्यवाद।

+3

फायरबग देखें, "फायरबग के साथ निरीक्षण करें" – mikey

+0

हाय वह तालिका है जो कंटेनर को आपकी समस्या से बहती है? यदि ऐसा है, तो यह आपकी समस्या सीएसएस के बारे में नहीं है। – DaniP

+0

धन्यवाद दोस्तों। @ डंको - अगर सीएसएस नहीं है तो समस्या क्या है? – dvmac01

उत्तर

7

आप क्रोम में वेब इंस्पेक्टर का उपयोग कर सकते हैं।

असफल तत्व पर राइट क्लिक करें और तत्व का निरीक्षण करें चुनें।

आपको दो खंडों के साथ वेब इंस्पेक्टर विंडो के साथ समाप्त होना चाहिए: बाएं HTML नोड्स पेड़ है और सही शैलियों और चयनित नोड के गुण हैं। विफल तत्व पहले से ही चुना जाना चाहिए।

अगला आपको "संगणित शैली" टैब का विस्तार करने और अपमानजनक शैली की तलाश करने की आवश्यकता है।

पाया गया, तो आप शैली परिभाषा के बाईं ओर छोटे त्रिकोण देखेंगे - यह क्लिक करने योग्य है। क्लिक पर इसे चयनकर्ताओं की सूची का विस्तार करना चाहिए जो इस तत्व के लिए इस शैली को प्रभावित करते हैं। आप इनमें से प्रत्येक के लिए सीएसएस को यूआरएल देखेंगे। बिंगो।

+1

धन्यवाद दोस्तों। मैंने यह सब किया है लेकिन संपत्ति के पक्ष में कोई त्रिकोण नहीं है। यह चौड़ाई संपत्ति है जिसका मैं पीछा कर रहा हूं। इसमें स्टाइल 4 की एक श्रेणी है जिसे फ़ाइल के प्रमुख में घोषित किया गया है लेकिन यह 100px होना चाहिए और यह 218px के रूप में आता है। – dvmac01

+0

@ user2739763: जांचें कि 100px से अधिक अधिकतम चौड़ाई लागू होती है या नहीं। या स्टाइल टैब को देखने के लिए देखें कि चौड़ाई किसी अन्य चौड़ाई नियम या HTML-element पर परिभाषित चौड़ाई-संपत्ति द्वारा अधिलेखित है या नहीं – Drkawashima

1

Firebug के HTML टैब में, आप टैब Style, Computed, Layout, और DOM के साथ सही पर एक पैनल को देखना चाहिए। Computed का चयन करें। यह आपको पृष्ठ पर लागू "वर्तमान" शैली दिखाएगा।

यदि आप नियम नोड का विस्तार करते हैं, तो आपको दाईं ओर एक लिंक देखना चाहिए, जिसमें स्टाइलशीट नियमों के साथ-साथ ओवरराइड किए जाने वाले स्टाइलशीट नियमों के साथ आपको कौन सी स्टाइल शीट आ रही है।

2

रूपगणना शैलियों ऑस्टिन और Waterlink द्वारा बताया (या एफएफ में गणना) टैब वर्तमान में लागू शैलियों, और उनके मूल दिखा सकते हैं।

हालांकि, शैलियाँ टैब भी बहुत उपयोगी है। किसी तत्व पर राइट-क्लिक "निरीक्षण" पर, स्टाइल टैब सभी सक्रिय शैलियों की पूर्ण सूची और निरीक्षण किए गए तत्व से संबंधित ओवरराइट शैलियों को दिखाएगा। (उन्हें दिखाता है क्योंकि वे सीएसएस में लिखे गए थे। वास्तव में क्या नहीं दिया जा रहा है) इस तरह आप बता सकते हैं कि किस क्रम में कौन सी शैलियों को ओवरराइट किया गया था।आपके सीएसएस में एक शैली को एक इनलाइन शैली, उपयोगकर्ता परिभाषित शैली, बाद में परिभाषित सीएसएस फ़ाइल या उच्च महत्व का सीएसएस नियम, या एक गैर-सीएसएस-विशेषता जैसे चौड़ाई/ऊंचाई विशेषताओं को सीधे HTML-तत्व पर ओवरराइट किया जा सकता है के माध्यम से

  • सामान्य पाठ = सक्रिय
  • हड़ताल = निष्क्रिय के बाद से एक और शैली यह ओवरराइट है
  • बाहर = सलेटी रंग पहचानकर्ता लागू नहीं:

    स्वरूपण एक शैली के लिए स्थिति को दर्शाता है। (यदि आप एक <p> तत्व की शैली और सीएसएस पहचानकर्ता का निरीक्षण कर रहे हैं p, span, तो span पहचानकर्ता सलेटी रंग के हो जाएगा)

उदाहरण:

chrome debugger image

इस छवि में, color#post a की संपत्ति निष्क्रिय है। में color संपत्ति द्वारा इसे अधिलेखित किया गया है।

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