CSS Selectors

Introduction

Selector: Targets the HTML element you want to style.
Property: The aspect of the element you want to change (e.g., color, font-size).
Value: The specific setting for the property.

Example:

h1 { color: blue; font-size: 24px; }

This rule changes all h1 headings to have blue text and a font size of 24 pixels.

CSS selectors are patterns used to select and style elements. Some common selectors:

1. Element Selector:

Selects elements by name. p { color: green; }

2. Class Selector:

Selects elements with a specific class attribute. .class-name { color: red; }

3. ID Selector:

Selects an element with a specific ID attribute. #id-name { background-color: yellow; }

Classes and IDs are particularly useful when you want to style multiple elements or just one element differently.