Element Selectors

Element selectors in CSS allow you to target HTML elements based on their tag name. This means you can write a rule that applies to every occurrence of a particular element, such as p, h1, ul, or button, within your HTML document. Element selectors are especially useful when you want to give a consistent style to all elements of the same type, without having to add any classes or IDs.

To use an element selector, simply write the name of the element, then add your declaration block with curly braces. For example, writing p { color: blue; } in your CSS will make all <p> elements display blue text. This approach is ideal for setting global styles for headings, paragraphs, lists, and other basic HTML elements.

Element selectors are one of the simplest and most widely used types of selectors in CSS. They help you quickly establish a visual foundation for your site, making it easy to maintain a consistent look and feel. Keep in mind, however, that element selectors are broad—they will affect every matching element unless you use more specific selectors later.