CSS first child demo

by Mazahar Shaikh

HTML

<div>
    <figure>test</figure>
    <p>div 1 pgraph1</p>
    <p>div 1 pgraph1</p>
</div>

<div>    
    <p>div 2 pgraph1</p>
    <figure>test 2</figure>
    <p>div 2 pgraph1</p>
</div>

CSS

div figure:first-child{
    border:1px solid red;
}