CSS Selectors

In CSS, selectors are used to select the element(s) you want to style. There are several different types of selectors, allowing for fine-grained control over the styles applied to elements on a page. Here are the main types:

Type Selector: This is the most basic form of selector, which selects elements by their HTML type. For example, p would select all paragraph elements on a page.

p {
color: blue;
}

Class Selector: Selects elements based on their class attribute. Class selectors are preceded by a dot (.) and can be used to select all elements that share a certain class. For example, .intro would select all elements with a class of "intro".

.intro {
font-size: 24px;
}