How can i separate two same tag in CSS tag?

Question

html=<p class="serif">solo learn</p>
<p class="serif">I love my country</p>

CSS=P.serif{font-family:"Times New Roman",Times,serif color:red}
p.serif{font-family:"Times New Roma ",Times,serif color:blue}

When this code is comes to run then output always take 2nd CSS tag. it means two tags color is blue..solo learn is suppose to be red but it show color blue...so, how can i separate this two tags?

Answer 1

You can't seperate two same tag with same class however if they have different tags than you can but not with same tags and same classes for that use different classes or id's

Answer 2

Use two different classes, e.g.: .serif1 and .serif2

Answer 3

thanks

Answer 4

In this tag what will be the different classes or id's?