पहला अनुच्छेद इस शैली को क्यों नहीं ले रहा है p: पहला बच्चा?

Question

क्यों पहले पैराग्राफ कैसे सीएसएस से पहले पैराग्राफ का चयन करने के इस शैली p:first-child

#content p:first-child {color:#4C4C4C; 
font-size:1.2em; 
font-weight:bold; 
line-height:1.8; 
margin-bottom:0.5em;} 


<div id="content"> 
<h1>Welcome</h1> 
    <p>first paragraph</p> 
    <p>second paragraph</p> 
    <p>third paragraph</p> 
</div> 

नहीं ले रही?

Answer 1

पिछले जवाब पहले से ही समस्या (कि p माता पिता div का पहला बच्चा नहीं है), यहाँ समस्या का समाधान है परिभाषित किया है, वहीं पहले p कि एक h1 इस प्रकार है, अपने ब्राउज़र के आधार पर लक्षित करने के लिए :

h1 + p { /* styles any paragraph that immediately follows a h1 element */ } 

Answer 2

चयनकर्ता किसी भी पी तत्व से मेल खाता है जो उसके माता-पिता का पहला बच्चा है।

इस मामले में पी अपने माता-पिता का दूसरा बच्चा है।

पर एक नज़र डालें: http://www.w3schools.com/CSS/css_pseudo_classes.asp

Answer 3

पी की सामग्री के अपने पहले बच्चे नहीं है - क्या मैं एक टैग देखा है से या पहले बच्चे नहीं वास्तविक सामग्री होगी।

Answer 4

आप :first-of-type psuedo चयनकर्ता की तलाश में हैं! तो, यदि आप ऐसा करते हैं कि पहले पैराग्राफ पाने के लिए:

#content p:first-of-type 

Answer 5

हमेशा ही हर पहले पैराग्राफ के लिए एक वर्ग आवंटित कर सकते हैं - पूर्ण प्रमाण।

p.indent{ 
text-indent:50px; 
    }