advance css

<style>
p
{
height:50px;
width:100px;
border:1px solid red;
}
p:nth-of-type(1)
{
color: red;
}

p:nth-of-type(2)
{
color:green;
}
p:nth-of-type(1):hover
{
color:blue;
}
p:first-child, p:last-child
{
background-color:plum
}
</style>


<div>
<?php
function abc()
{
for($a=1;$a<10;$a++)
{
echo '<p>'.$a.'</p>';
}
}
abc();
?>
</div>