What are some examples of CSS selectors?

What are some examples of CSS selectors?

CSS selectors are patterns used to select elements on a webpage. Here are a few examples:

1. Element Selector: div selects all <div> elements.
2. Class Selector: .className selects all elements with the class 'className'.
3. ID Selector: #idName selects the element with the ID 'idName'.
4. Attribute Selector: [type='text'] selects all input elements with type 'text'.
5. Pseudo-class Selector: a:hover selects links when hovered over.

Can you explain the difference between class and ID selectors?

Sure! Class selectors (e.g., .className) can be used on multiple elements, while ID selectors (e.g., #idName) are unique and should only be used on one element per page. This means you can apply the same class to many elements, but an ID should only be applied to one.

What are pseudo-classes and can you give an example?

Pseudo-classes are used to define the special state of an element. For example, :hover is a pseudo-class that applies styles when the user hovers over an element. So, a:hover { color: red; } would change the link color to red when hovered.

How do I combine multiple selectors?

You can combine multiple selectors by separating them with commas. For example, h1, h2, h3 { color: blue; } will apply the blue color to all <h1>, <h2>, and <h3> elements.