2013-08-03 11 views
14

शायद मेरी सीएसएस ज्ञान सीमित है, लेकिन मैं इस uderstand नहीं है शैली पर ध्यान नहीं देता। क्यूं कर? मैं क्रोम 28 और Firefox 22.पैरा एक और नेस्टेड पैरा की वजह से

+3

यह भी ध्यान दिया जाना चाहिए, यदि आप ब्राउज़र में परिणाम का निरीक्षण करते हैं तो आप समस्या की जड़ तक पहुंच सकते हैं। निरीक्षण उपकरण अब सभी प्रमुख ब्राउज़रों के लिए उपलब्ध हैं। – Cthulhu

उत्तर

16

आप नहीं घोंसला पैराग्राफ कर सकते हैं में यह परीक्षण किया गया।

पैराग्राफ एक ऑटो-क्लोजिंग तत्व है, </p> वैकल्पिक है - कोई भी ब्लॉक तत्व स्वचालित रूप से अंतिम खुले <p> को बंद कर देगा।

यह क्या हो रहा है यह है:

<p style="color: green"> 
</p> <!-- auto-closed paragraph --> 

<p style="color: red"> 
    This is red 
</p> 

This should be green. But it's not. 

</p> <!-- here you have syntax error --> 
+0

धन्यवाद! मैंने उसी प्रभाव के साथ अनुच्छेद के अंदर एक div घोंसला करने की कोशिश की। ऐसा लगता है कि पैरा gests एक पैराग्राफ के साथ, लेकिन किसी भी ब्लॉक तत्व द्वारा न केवल बंद कर दिया। इसके अलावा एक H1 में एक h1 घोंसला करने की कोशिश की और परिणाम पैराग्राफ के साथ के रूप में ही किया गया था। –

+1

हाँ, मैं भी कोशिश की और यह ऐसा तरह लग रहा है - किसी भी ** ब्लॉक तत्व ** एक पैरा बंद कर देता है। मुझे जवाब सही करने दें। – MightyPork

5

आप नहीं घोंसला <p> के कर सकते हैं। एक पैराग्राफ का अंत टैग छोड़ा जा सकता है यदि यह किसी अन्य पैराग्राफ के साथ आता है। इसका मतलब है कि अपने कोड में, पहले पैराग्राफ, दूसरा एक में शामिल है "यह लाल है" कोई पाठ शामिल है। फिर कुछ पाठ है "यह हरा होना चाहिए। लेकिन यह नहीं है।" जो कोई शैली और एक बंद </p> टैग, जो कोई उद्घाटन टैग है है।

जांच: http://www.w3.org/TR/html-markup/p.html

1

पैरा एक और पैरा या ब्लॉक तत्व के भीतर नेस्ट नहीं किया जा सकता।

जब आपके कोड ब्राउज़र में प्रदान की गई है यह कैसा नीचे

<p style="color: green"></p> 
    <p style="color: red"> 
     This is red 
    </p> 
    This should be green. But it's not. 
    <p></p> 

तो आप देख सकते हैं, वहाँ एक परिणाम के रूप अंतिम वाक्य के लिए कोई आवरण डिफ़ॉल्ट सीएसएस रंग यानी काले लागू की जा रही है के रूप में प्रदान की गई है उस पर।

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