HTML » same class in multiple elements

HTML

​x
 
<!DOCTYPE html>
<html>
<head>
<style>
.city {
  background-color: lightGreen; 
  padding: 10px;
} 
</style>
</head>
<body>
​
<h3> à¦•à¦•à¦¿ à¦•à§•à¦²à¦¾à¦¸ à¦¨à§‡à¦® à¦†à¦²à¦¾à¦¦à¦¾ à¦†à¦²à¦¾à¦¦à¦¾ à¦•à¦‡à¦šà¦Ÿà¦¿à¦•à¦®à¦•à¦² à¦•à¦²à¦¿à¦®à§‡à¦¨à§•à¦Ÿ à¦• </h3> 
​
<h2 class="city">Paris</h2>
<p class="city">Paris is the capital of France.</p>
​
</body>
</html>
​

CSS

​

JavaScript

​

Output: