Difference Between a Class Selector and a Generic Class Selector in CSS

Class Selector:
- Targets elements with a specific class name.
- It applies styles only to elements explicitly assigned that class.
Example of a Class Selector:
```
<p class="highlight">This is a highlighted paragraph.</p>
```
```
p.highlight {
    color: red;
    font-weight: bold;
}
```
Generic Class Selector:
- Targets multiple elements that share the same class name.
- It allows you to apply the same styles to multiple elements across the webpage.
Example of a Generic Class Selector:
```
<h1 class="common-style">Heading 1</h1>
<p class="common-style">This is a paragraph.</p>
```
```
.common-style {
    font-family: Arial, sans-serif;
    color: blue;
}
```

A class selector is specific to elements assigned a particular class, while a generic class selector is used to apply the same styles to multiple elements with the same class name.