Doubt using css and class and tag

Hello guys

I have this code:

<html>
	<head>
	</head>
	
	<style>
		h1    {color: blue}
		.book {background-color:yellow}
		.caneta {background-color:green}
		.book:h2 {background-color:pink} 
		body  {background-color:black}
	</style>
	
	<body>
	   <h1> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1 class='book'> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1 class='book'> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1 class='caneta'> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1 class='caneta'> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1> Olá, esse é o meu primeiro código html com h1 </h1>
	   <h1> Olá, esse é o meu primeiro código html com h1 </h1>	   
	   <h2 class='book'	> Olá, esse é o meu primeiro código html com h2 </h2>	   
	   <h2> Olá, esse é o meu primeiro código html com h2 </h2>

	</body>


</html>

Open in new window


How can I have the background-color of my class='book' and h2 only in pink without afecting the other class='book'?

I want to select it by class and tag

thanks
Alex
LVL 1
hidrauAsked:
Who is Participating?
 
ste5anSenior DeveloperCommented:
Sure. Just use the appropriate selector: h2.book instead of .book:h2.
1
 
hidrauAuthor Commented:
yeah, you are totaly right. I made a mistake changing the order.
Thanks a lot
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.