Learn how to target HTML elements with tag, class and id selectors, and how to group selectors when the same rule should apply to several elements.
Select every element of the same type.
Writing the HTML tag name as a selector applies the rule to every element of that type. For example, `p { color: red; }` targets all paragraphs.
Element selectors are useful for broad defaults, but they are not very specific. If you only want to style some of those elements, classes are usually the better tool.
Target reusable patterns with class names.
A class is defined in HTML with the `class` attribute and targeted in CSS with a leading dot. For example, `.featured` styles any element that has `class="featured"`.
An element can have more than one class, which makes classes ideal for combining layout, spacing and visual patterns in a flexible way.
Target one unique element.
An id should be unique within the page. In CSS, `#header` targets the element with `id="header"`.
Because ids carry strong specificity, they are not usually the best base for reusable styling. They are more commonly useful for anchors, labels or JavaScript hooks.
One rule, several targets.
When multiple selectors should share exactly the same declarations, separate them with commas. This keeps the stylesheet shorter and clearer.
Grouping is a small habit, but it helps prevent duplication early.
It builds a bridge between selector choice and later specificity conflicts.
