Neden ilk paragraf bu stili alamıyor p: first-child?

Question

Neden ilk paragraf Nasıl css gelen ilk paragrafı seçmek için bu tarz 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> 

almayan?

Answer 1

önceki cevaplar zaten sorunu (p ebeveyn div ilk çocuğu olmadığı), burada soruna bir çözüm tanımlanmış olsa da, tarayıcınızın bağlı olarak h1 izler ilk p hedef :

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

Answer 2

Seçici, ebeveyninin ilk çocuğu olan herhangi bir p öğesine eşleşir. Bu durumda p, ebeveyninin ikinci çocuğudur. Ben gibi bir etiket gördüğüm kadarıyla ya ilk çocuk değil gerçek içerik olacak - P içeriği, ilk çocuğu değil http://www.w3schools.com/CSS/css_pseudo_classes.asp

Answer 3

:

göz at.

Answer 4

:first-of-type psuedo selector! Yani, bu ilk paragrafı almak için bu yapardım:

#content p:first-of-type 

Answer 5

her zaman sadece her ilk paragrafa bir sınıf atamak Could - tam kanıtı.

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