What are special rules to see these strange CSS result in :first-child

Asked Jul 09 '20 at 19:44

Active Jul 09 '20 at 19:51

Viewed 9 times

Why are not the results the same? Both Ps and DIVs have very different results

HTML Code:

    p:first-child {
        color: #ff6347;
    }
    
    
    div:first-child {
        color: #8a2be2;
    }

   <body> 
        <p> p + p
            <p>Hello</p>
        </p>

        <div> div + p
            <p>Hello</p>
        </div>

        <p> p + div
            <div>Hello</div>
        </p>

        <div> div + div
            <div>Hello</div>
        </div>

edited Jul 09 '20 at 19:51

Temani Afif

245,468
26
309
415

asked Jul 09 '20 at 19:44

Amr Hendawy

1

you cannot put `div` or `p` inside `p` – Temani Afif Jul 09 '20 at 19:51
P doesn't accept any element inside it ??! I think this concept doesn't relate to it – Amr Hendawy Jul 09 '20 at 19:56
1

it does but not all of them, see the duplicate – Temani Afif Jul 09 '20 at 19:57

What are special rules to see these strange CSS result in :first-child

0 Answers0