CSS: Types of Selectors
what is selectors? CSS selectors allow you to target specific HTML elements. You can select elements by tag name (e.g., h1, p), class (e.g., .container, .button), ID (e.g., #header, #footer), or other attributes. There are several important types of selectors in CSS: 1. Element Selector 2. ID Selector 3. Class Selector 4. Pseudo-Class Selector 5. Pseudo-Elements Selector 6. Descendant Selector 7. Child Selector 8. Adjacent Selector 9. General Sibling Selector 10. Attribute Selector 1. Element Selector The simplest kind of selection targets HTML components based on their tag name. EX. index.html <!DOCTYPE html> <html lang="en"> <head> <title>My First WebPage</title> <link href="./main.css" rel="stylesheet"></link> </head> <body> <p>PARA 1</p> <span>SPAN</span> <p>PARA 2</p> </body> </html> main.css p { color: red } Output: Oh no! Fan