2011-05-03 16 views
8

सफारी/क्रोम डेवलपर टूल्स इंगित करते हैं कि छवि में दिखाए गए अनुसार, एक सीएसएस नियम इसे किसी अन्य चीज़ से ओवरराइड कर दिया गया है।सफारी/क्रोम डेवलपर टूल्स डीबग सीएसएस ओवरराइड

Striked-through CSS rule

कभी कभी मैं एक स्थिति है जहाँ मैं सीएसएस फ़ाइलें क्या इस नियम को नजरअंदाज किया जा करने का कारण बनता से समझ नहीं में अपने आप पाते हैं। लेकिन निश्चित रूप से सफारी को ही पता होना चाहिए क्योंकि यह इसके माध्यम से हमला करता है।

क्या इस तरह के नियम को ओवरराइड करने का कोई तरीका है?

+3

देव उपकरण चयनकर्ता से फ़ाइल स्रोत दिखाते हैं। – zzzzBov

+0

आपको यहां से त्वरित मार्गदर्शिका की अपेक्षा करने के बजाय क्रोम के देव उपकरणों के सहायता दस्तावेज़ों के माध्यम से पढ़ने से लाभ हो सकता है। – Nisarg

उत्तर

8

उस व्यक्ति को देखें जो स्ट्राइक नहीं हुआ है, सूची में ऊपर है।

वैकल्पिक रूप से, गणना की गई शैलियों देखें। वे निश्चित लागू शैलियों होंगे।

+0

धन्यवाद, मुझे याद आया था कि सफारी महत्वपूर्ण रूप से ब्लॉक को आदेश देती है, सीएसएस आदेश नहीं। मेरा मामला यह था कि लंबा चयनकर्ता (table.class td) कम से अधिक हो गया है, हालांकि अधिक विशिष्ट चयनकर्ता (.class) जो एकल td से मेल खाता है। – Laas

+2

इसके लिए निश्चित रूप से _Computed Styles_ फलक का उपयोग करें। आप वास्तव में कैस्केड देख पाएंगे जो अंतिम गणना परिणाम का कारण बनता है। –

1

डेवलपर टूल किसी तत्व के लिए सभी नियम सूचीबद्ध करेंगे। लागू होने वाले सभी सीएसएस नियमों के माध्यम से पढ़ें, और एक ही नाम के साथ एक गैर-प्रभावित-एक के लिए जांचें।

2

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

यदि आप किसी संपत्ति पर क्लिक करते हैं, तो यह आपको फ़ाइल और लाइन नंबर देगा।

enter image description here

1

जाओ तत्वों को >> परिकलित और आप स्टाइलशीट कि नियम आप देख रहे हैं परिभाषित करता है मिलेगा।

enter image description here

0

Chrome डेवलपर टूल का परिकलित टैब पर जाएँ। संपत्ति चाहते थे और विवरण का विस्तार करें।

Screenshot

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