How do you select an element with a specific class in CSS?

In CSS, to select elements with specific classes, you can use the class selector. The class selector starts with a dot (.) followed by the class name, allowing CSS to apply styles to all HTML elements that have this class.

For example, suppose you have an HTML element with the class button and you want to set specific styles for it. The CSS code would be:

css
.button {
    background-color: blue;
    color: white;
    padding: 10px 20px;
    text-align: center;
}

In this example, any HTML element with class="button" will have a blue background, white text, specified padding, and centered text.

If you have multiple classes, you can combine selectors to define more specific styles. For example:

css
.button.large {
    padding: 15px 30px;
}

This code applies only to elements that have both the button and large classes, resulting in larger padding.

The class selector is a powerful and commonly used tool in CSS, offering high flexibility and control to easily define unique styles for different sections of a page.